feat: implement base landing page and initial React frontend layout with sidebar navigation

frontend/package-lock.json

@@ -4173,22 +4173,6 @@
       "dev": true,
       "license": "ISC"
     },
-    "node_modules/yaml": {
-      "version": "2.8.3",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.3.tgz",
-      "integrity": "sha512-AvbaCLOO2Otw/lW5bmh9d/WEdcDFdQp2Z2ZUH3pX9U2ihyUY0nvLv7J6TrWowklRGPYbB/IuIMfYgxaCPg5Bpg==",
-      "extraneous": true,
-      "license": "ISC",
-      "bin": {
-        "yaml": "bin.mjs"
-      },
-      "engines": {
-        "node": ">= 14.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/eemeli"
-      }
-    },
     "node_modules/yocto-queue": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",

frontend/src/App.tsx

@@ -2,9 +2,9 @@ import React, { useMemo, useEffect } from 'react';
 import { ThemeProvider, CssBaseline, Box } from '@mui/material';
 import { getTheme } from './theme/theme';
 import { useAppStore } from './store/useAppStore';
-import Sidebar from './components/Sidebar';
-import MainContent from './components/MainContent';
-import Header from './components/Header';
+import Sidebar from './components/Sidebar.tsx';
+import MainContent from './components/MainContent.tsx';
+import Header from './components/Header.tsx';
 
 const App: React.FC = () => {
   const darkMode = useAppStore((state) => state.darkMode);

frontend/src/components/Sidebar.tsx

@@ -26,7 +26,16 @@ const Sidebar: React.FC = () => {
               <ListItemIcon>
                 <Storage color={activeDatabase === db ? 'primary' : 'inherit'} />
               </ListItemIcon>
-              <ListItemText primary={db} primaryTypographyProps={{ variant: 'body2', fontWeight: activeDatabase === db ? 600 : 400 }} />
+              <ListItemText 
+                primary={
+                  <Typography 
+                    variant="body2" 
+                    sx={{ fontWeight: activeDatabase === db ? 600 : 400 }}
+                  >
+                    {db}
+                  </Typography>
+                } 
+              />
             </ListItemButton>
           </ListItem>
         ))}