Release 2.3

src/app/profile/page.tsx

@@ -3,7 +3,7 @@
 import { useAuth } from '@/hooks/useAuth';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
-import { Loader2, LogOut } from 'lucide-react';
+import { Loader2, User, LogOut, Trash2 } from 'lucide-react';
 
 export default function ProfilePage() {
   const { logout } = useAuth();
@@ -23,41 +23,51 @@ export default function ProfilePage() {
     }
   }, [router]);
 
-  const handleSignOut = () => {
-    logout();
+  const handleDeleteAccount = () => {
+    // TODO: Implement account deletion logic
+    alert('Функция удаления аккаунта в разработке.');
   };
 
   if (loading) {
     return (
-      <div className="flex min-h-screen w-full items-center justify-center bg-[#F9F6EE] dark:bg-gray-900">
-        <Loader2 className="h-16 w-16 animate-spin text-red-500" />
+      <div className="flex min-h-screen w-full items-center justify-center bg-background text-foreground">
+        <Loader2 className="h-16 w-16 animate-spin text-accent" />
       </div>
     );
   }
 
-  if (!userName) {
-    // This can happen briefly before redirect, or if localStorage is cleared.
-    return null;
-  }
-
   return (
-    <div className="min-h-screen w-full bg-[#F9F6EE] dark:bg-[#1e1e1e] pt-24 sm:pt-32">
-      <div className="flex justify-center px-4">
-        <div className="w-full max-w-md rounded-2xl bg-white dark:bg-[#49372E] p-8 shadow-lg">
-          <div className="flex flex-col items-center text-center">
-            <div className="mb-6 flex h-28 w-28 items-center justify-center rounded-full bg-gray-200 dark:bg-white/10 text-4xl font-bold text-gray-700 dark:text-gray-200 ring-4 ring-gray-100 dark:ring-white/5">
-              {userName?.split(' ').map(n => n[0]).join('').toUpperCase() || ''}
-            </div>
-            <h1 className="text-3xl font-bold text-gray-900 dark:text-gray-100">{userName}</h1>
-            <p className="mt-2 text-base text-gray-500 dark:text-gray-300">{userEmail}</p>
-            <button
-              onClick={handleSignOut}
-              className="mt-8 inline-flex items-center gap-2.5 rounded-lg bg-red-600 px-6 py-3 text-base font-semibold text-white shadow-md transition-colors hover:bg-red-700 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-red-600"
+    <div className="min-h-screen w-full bg-background text-foreground flex items-center justify-center p-4">
+      <div className="w-full max-w-md">
+        <div className="bg-warm-50 dark:bg-warm-900 rounded-lg shadow-lg p-8 text-center mb-6">
+          <div className="mb-6 mx-auto flex h-28 w-28 items-center justify-center rounded-full bg-gray-200 dark:bg-white/10 text-4xl font-bold text-gray-700 dark:text-gray-200 ring-4 ring-gray-100 dark:ring-white/5">
+            {userName?.split(' ').map(n => n[0]).join('').toUpperCase() || ''}
+          </div>
+          <h1 className="text-3xl font-bold text-foreground">{userName}</h1>
+          <p className="mt-2 text-base text-muted-foreground">{userEmail}</p>
+        </div>
+        
+        <div className="bg-warm-50 dark:bg-warm-900 rounded-lg shadow-lg p-6 sm:p-8 mb-6">
+          <h2 className="text-xl font-bold text-foreground mb-4 text-left">Управление аккаунтом</h2>
+          <button
+              onClick={logout}
+              className="w-full sm:w-auto px-6 py-3 border border-transparent text-base font-medium rounded-lg text-white bg-accent hover:bg-accent/90 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-accent flex items-center justify-center gap-2"
             >
               <LogOut size={20} />
-              <span>Выйти</span>
-            </button>
-          </div>
+              <span>Выйти из аккаунта</span>
+          </button>
+        </div>
+
+        <div className="bg-red-500/10 border-2 border-dashed border-red-500/50 rounded-lg p-6 sm:p-8 text-center">
+            <h2 className="text-xl font-bold text-red-500 mb-4">Опасная зона</h2>
+            <p className="text-red-400 mb-6">Это действие нельзя будет отменить. Все ваши данные, включая избранное, будут удалены.</p>
+            <button
+              onClick={handleDeleteAccount}
+              className="w-full sm:w-auto px-6 py-3 border border-transparent text-base font-medium rounded-lg text-white bg-red-600 hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 flex items-center justify-center gap-2"
+            >
+              <Trash2 size={20} />
+              <span>Удалить аккаунт</span>
+          </button>
         </div>
       </div>
     </div>