account sidebar urls

frontend/components/AccountSidebar.tsx

@@ -21,11 +21,11 @@ const AccountSidebar: React.FC<AccountSidebarProps> = ({
 
   const getAccountTypeStyles = (accountType: string) => {
     switch (accountType.toLowerCase()) {
-      case 'free':
-        return 'bg-gray-400 text-white'
       case 'lite':
-        return 'bg-orage/70 text-white'
-      case 'pro':
+        return 'bg-gray-400 text-white'
+      case 'standart':
+        return 'bg-orange/70 text-white'
+      case 'premium':
         return 'bg-blue-300'
       default:
         return 'bg-gray-200'

frontend/components/Logout.tsx

@@ -34,6 +34,7 @@ const Logout = () => {
   return (
     <Button
       text="Выйти из аккаунта"
+      leftIcon={<IoExitOutline className="mr-1 h-5 w-5" />}
       className="w-full text-sm font-medium text-gray-600 hover:bg-gray-100 px-4 py-4 flex items-center rounded-lg transition-colors"
       onClick={handleLogout}
     />

frontend/components/ui/Button.tsx

@@ -1,14 +1,23 @@
 import React from 'react'
 import { ButtonProps } from '@/app/types/index'
 
-const Button = ({ onClick, className, text, type }: ButtonProps) => {
+const Button = ({
+  onClick,
+  className,
+  text,
+  type,
+  leftIcon,
+  rightIcon,
+}: ButtonProps) => {
   return (
     <button
       onClick={onClick}
       className={`text-base font-medium rounded-2xl cursor-pointer ${className}`}
       type={type}
     >
+      {leftIcon && <span className="mr-2 flex items-center">{leftIcon}</span>}
       <span>{text}</span>
+      {rightIcon && <span className="ml-2 flex items-center">{rightIcon}</span>}
     </button>
   )
 }