Fix profile layout: align list items and add integration icons

VERSION

@@ -1 +1 @@
-2.5.0
+2.6.0

play-life-web/package.json

@@ -1,6 +1,6 @@
 {
   "name": "play-life-web",
-  "version": "2.0.6",
+  "version": "2.6.0",
   "type": "module",
   "scripts": {
     "dev": "vite",

play-life-web/src/components/Profile.jsx

@@ -8,8 +8,25 @@ function Profile({ onNavigate }) {
   const [selectedIntegration, setSelectedIntegration] = useState(null)
 
   const integrations = [
-    { id: 'todoist', name: 'TODOist', icon: '' },
-    { id: 'telegram', name: 'Telegram', icon: '' },
+    {
+      id: 'todoist',
+      name: 'TODOist',
+      icon: (
+        <svg className="w-6 h-6" viewBox="0 0 24 24" fill="currentColor">
+          <path d="M21.5 2.5v19l-9-4.5-9 4.5v-19l9-4.5 9 4.5zm-1 1.5l-8-4-8 4v16.5l8-4 8 4V4z"/>
+          <path d="M7 7h10v2H7V7zm0 4h10v2H7v-2zm0 4h7v2H7v-2z"/>
+        </svg>
+      ),
+    },
+    {
+      id: 'telegram',
+      name: 'Telegram',
+      icon: (
+        <svg className="w-6 h-6" viewBox="0 0 24 24" fill="currentColor">
+          <path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm5.894 8.221l-1.97 9.28c-.145.658-.537.818-1.084.508l-3-2.21-1.446 1.394c-.14.18-.357.295-.6.295-.002 0-.003 0-.005 0l.213-3.054 5.56-5.022c.24-.213-.054-.334-.373-.12l-6.87 4.326-2.96-.924c-.64-.203-.658-.64.135-.954l11.566-4.458c.538-.196 1.006.128.832.941z"/>
+        </svg>
+      ),
+    },
   ]
 
   const handleLogout = async () => {
@@ -57,7 +74,7 @@ function Profile({ onNavigate }) {
             >
               <div className="flex items-center justify-between">
                 <div className="flex items-center space-x-3">
-                  <span className="text-2xl">{integration.icon}</span>
+                  <span className="text-indigo-600 flex-shrink-0">{integration.icon}</span>
                   <span className="text-gray-800 font-medium group-hover:text-indigo-600 transition-colors">
                     {integration.name}
                   </span>
@@ -89,11 +106,9 @@ function Profile({ onNavigate }) {
           className="w-full p-4 bg-white rounded-xl shadow-sm hover:shadow-md transition-all text-left border border-gray-100 hover:border-red-200 group"
         >
           <div className="flex items-center justify-between">
-            <div className="flex items-center space-x-3">
-              <span className="text-gray-800 font-medium group-hover:text-red-600 transition-colors">
-                Выйти из аккаунта
-              </span>
-            </div>
+            <span className="text-gray-800 font-medium group-hover:text-red-600 transition-colors">
+              Выйти из аккаунта
+            </span>
             <svg
               className="w-5 h-5 text-gray-400 group-hover:text-red-500 transition-colors"
               fill="none"