Added warning to save feature on unsaved files

package.json

@@ -58,4 +58,4 @@
     "typescript-eslint": "^8.46.4",
     "vite": "^7.2.4"
   }
-}
+}

src/components/features/FloatingHub.tsx

@@ -1,6 +1,6 @@
 import { useState, useEffect, useRef } from 'react';
 import { createPortal } from 'react-dom';
-import { User, Palette, Settings } from 'lucide-react';
+import { Info, Settings } from 'lucide-react';
 import { useAppStore } from '../../store/useAppStore';
 
 export function FloatingHub() {
@@ -86,41 +86,28 @@ export function FloatingHub() {
             <div className="max-h-[300px] overflow-y-auto no-scrollbar">
               <button
                 onClick={() => {
-                  openSystemTab('cinder-account');
-                  setIsOpen(false);
-                }}
-                className="w-full flex items-center justify-between px-3 py-2 text-[12px] hover:bg-[var(--bg-hover)] transition-colors group"
-                style={{ color: 'var(--text-primary)' }}
-              >
-                <span className="font-medium flex items-center gap-2">
-                  <User size={14} />
-                  Account
-                </span>
-              </button>
-              <button
-                onClick={() => {
-                  openSystemTab('cinder-theme');
+                  openSystemTab('cinder-settings');
                   setIsOpen(false);
                 }}
                 className="w-full flex items-center justify-between px-3 py-2 text-[12px] hover:bg-[var(--bg-hover)] transition-colors group"
                 style={{ color: 'var(--text-primary)' }}
               >
                 <span className="font-medium flex items-center gap-2">
-                  <Palette size={14} />
-                  Themes
+                  <Settings size={14} />
+                  Settings
                 </span>
               </button>
               <button
                 onClick={() => {
-                  openSystemTab('cinder-settings');
+                  openSystemTab('cinder-info');
                   setIsOpen(false);
                 }}
                 className="w-full flex items-center justify-between px-3 py-2 text-[12px] hover:bg-[var(--bg-hover)] transition-colors group"
                 style={{ color: 'var(--text-primary)' }}
               >
                 <span className="font-medium flex items-center gap-2">
-                  <Settings size={14} />
-                  Settings
+                  <Info size={14} />
+                  About
                 </span>
               </button>
             </div>