Add Banned role

frontend/src/App.jsx

@@ -99,6 +99,19 @@ function App() {
     localStorage.setItem('theme', newTheme);
   };
 
+  const getRoleName = (role) => {
+    switch (role) {
+      case 'admin':
+        return 'Админ';
+      case 'support':
+        return 'Поддержка';
+      case 'banned':
+        return 'Забанен';
+      default:
+        return 'Пользователь';
+    }
+  };
+
   const handleUsernameChange = (newToken, newUsername) => {
     setToken(newToken);
     setUser({ ...user, username: newUsername });
@@ -166,7 +179,7 @@ function App() {
                     {user?.username}
                   </span>
                   <span className={`ml-2 text-xs px-2 py-0.5 rounded ${currentTheme.accent} text-white`}>
-                    {user?.role === 'admin' ? 'Админ' : user?.role === 'support' ? 'Поддержка' : 'Пользователь'}
+                    {getRoleName(user?.role)}
                   </span>
                 </div>
                 <ThemeSelector currentTheme={theme} onThemeChange={handleThemeChange} />
@@ -216,7 +229,7 @@ function App() {
                     {user?.username}
                   </span>
                   <span className={`ml-2 text-xs px-2 py-0.5 rounded ${currentTheme.accent} text-white`}>
-                    {user?.role === 'admin' ? 'Админ' : user?.role === 'support' ? 'Поддержка' : 'Пользователь'}
+                    {getRoleName(user?.role)}
                   </span>
                 </div>
                 <ThemeSelector currentTheme={theme} onThemeChange={handleThemeChange} />
@@ -266,7 +279,7 @@ function App() {
                     {user?.username}
                   </span>
                   <span className={`ml-2 text-xs px-2 py-0.5 rounded ${currentTheme.accent} text-white`}>
-                    {user?.role === 'admin' ? 'Админ' : user?.role === 'support' ? 'Поддержка' : 'Пользователь'}
+                    {getRoleName(user?.role)}
                   </span>
                 </div>
                 <ThemeSelector currentTheme={theme} onThemeChange={handleThemeChange} />
@@ -327,7 +340,7 @@ function App() {
                   {user?.username}
                 </span>
                 <span className={`ml-2 text-xs px-2 py-0.5 rounded ${currentTheme.accent} text-white`}>
-                  {user?.role === 'admin' ? 'Админ' : user?.role === 'support' ? 'Поддержка' : 'Пользователь'}
+                  {getRoleName(user?.role)}
                 </span>
               </div>
               <ThemeSelector currentTheme={theme} onThemeChange={handleThemeChange} />