minor fixes

Author: Drakonheart

src/frontend/src/App.tsx

@@ -1,15 +1,10 @@
 import { useState, useEffect } from 'react';
 import { useMentraAuth } from '@mentra/react';
-import Home from './pages/Home';
 import Template from './pages/Template';
 
-type Tab = 'home' | 'template';
-
 export default function App() {
   const { userId, isLoading, error, isAuthenticated } = useMentraAuth();
-  const [activeTab, setActiveTab] = useState<Tab>('home');
   const [isDark, setIsDark] = useState(true);
-  const [isDropdownOpen, setIsDropdownOpen] = useState(false);
 
   // Log authentication state to console
   useEffect(() => {
@@ -143,107 +138,19 @@ export default function App() {
             <span className="font-bold text-lg" style={{ color: isDark ? '#f1f5f9' : 'var(--accent-emerald)' }}>Mentra</span>
           </div>
 
-          {/* Center - Tab Navigation + User Info */}
-          <div className="hidden sm:flex items-center gap-6">
-            <button
-              onClick={() => setActiveTab('home')}
-              className={`px-2 py-1 text-sm font-medium transition-all border-b-2 ${
-                activeTab === 'home'
-                  ? 'text-[#00e2a2] border-[#00e2a2]'
-                  : 'text-emerald-400/40 hover:text-emerald-400/60 border-transparent'
-              }`}
-            >
-              Home
-            </button>
-            <button
-              onClick={() => setActiveTab('template')}
-              className={`px-2 py-1 text-sm font-medium transition-all border-b-2 ${
-                activeTab === 'template'
-                  ? 'text-[#00e2a2] border-[#00e2a2]'
-                  : 'text-emerald-400/40 hover:text-emerald-400/60 border-transparent'
-              }`}
-            >
-              Template
-            </button>
-          </div>
-
-          {/* User Info - Desktop */}
-          <div className="hidden sm:flex items-center gap-2 px-3 py-1.5 bg-emerald-500/10 border border-emerald-500/20 rounded-lg">
+          {/* User Info */}
+          <div className="flex items-center gap-2 px-3 py-1.5 bg-emerald-500/10 border border-emerald-500/20 rounded-lg">
             <div className="w-2 h-2 bg-emerald-500 rounded-full animate-pulse"></div>
             <span className="text-xs text-emerald-400 font-mono">
               {userId?.substring(0, 8)}...
             </span>
           </div>
-
-          {/* Tab Navigation & User - Mobile */}
-          <div className="flex sm:hidden items-center gap-3">
-            {/* User Info - Mobile */}
-            <div className="flex items-center gap-2 px-2 py-1 bg-emerald-500/10 border border-emerald-500/20 rounded-md">
-              <div className="w-1.5 h-1.5 bg-emerald-500 rounded-full animate-pulse"></div>
-              <span className="text-[10px] text-emerald-400 font-mono">
-                {userId?.substring(0, 6)}
-              </span>
-            </div>
-
-            {/* Tab Dropdown */}
-            <div className="relative">
-              <button
-                onClick={() => setIsDropdownOpen(!isDropdownOpen)}
-                className={`flex items-center gap-2 px-3 py-1.5 text-sm font-medium rounded-md transition-colors ${
-                  isDark
-                    ? 'text-[#00e2a2] bg-slate-800/50'
-                    : 'text-emerald-700 bg-emerald-100/80'
-                }`}
-              >
-                {activeTab === 'home' ? 'Home' : 'Template'}
-                <svg
-                  className={`w-4 h-4 transition-transform ${isDropdownOpen ? 'rotate-180' : ''}`}
-                  fill="none"
-                  stroke="currentColor"
-                  viewBox="0 0 24 24"
-                >
-                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 9l-7 7-7-7" />
-                </svg>
-              </button>
-
-              {isDropdownOpen && (
-                <div className="absolute right-0 mt-2 w-32 border-[0.5px] border-[#00ff5e2d] bg-black rounded-md shadow-lg overflow-hidden z-50">
-                  <button
-                    onClick={() => {
-                      setActiveTab('home');
-                      setIsDropdownOpen(false);
-                    }}
-                    className={`w-full text-left px-4 py-2 text-sm transition-colors ${
-                      activeTab === 'home'
-                        ? 'text-[#00e2a2] bg-slate-700'
-                        : 'text-slate-300 hover:bg-slate-700'
-                    }`}
-                  >
-                    Home
-                  </button>
-                  <button
-                    onClick={() => {
-                      setActiveTab('template');
-                      setIsDropdownOpen(false);
-                    }}
-                    className={`w-full text-left px-4 py-2 text-sm transition-colors ${
-                      activeTab === 'template'
-                        ? 'text-[#00e2a2] bg-slate-700'
-                        : 'text-slate-300 hover:bg-slate-700'
-                    }`}
-                  >
-                  Template
-                </button>
-              </div>
-            )}
-            </div>
-          </div>
         </div>
       </header>
 
       {/* Content */}
       <main>
-        {activeTab === 'home' ? <Home /> : <Template isDark={isDark} setIsDark={handleThemeChange} userId={userId || ''} />}
+        <Template isDark={isDark} setIsDark={handleThemeChange} userId={userId || ''} />
       </main>
     </div>
   );