サイドバーの作成

frontend/src/App.tsx

@@ -9,6 +9,7 @@ import Layout from './components/Layout';
 import LoginPage from './pages/LoginPage';
 import RegisterPage from './pages/RegisterPage';
 import TaskListPage from './pages/TaskListPage';
+import StockPage from './pages/StockPage';
 import './App.css';
 
 /**
@@ -93,6 +94,30 @@ const App: React.FC = () => {
                 }
               />
             </Route>
+            <Route path="/" element={<Layout />}>
+              {/* ルートパスへのアクセスはタスク一覧にリダイレクト */}
+              <Route index element={<Navigate to="/stock" replace />} />
+
+              {/* タスク一覧は認証が必要なため、PrivateRouteでラップ */}
+              <Route
+                path="stock"
+                element={
+                  <PrivateRoute>
+                    <StockPage />
+                  </PrivateRoute>
+                }
+              />
+
+              {/* テストページへのルートを追加 */}
+              <Route
+                path="stock"
+                element={
+                  <PrivateRoute>
+                    <StockPage />
+                  </PrivateRoute>
+                }
+              />
+            </Route>
           </Routes>
         </BrowserRouter>
       </Box>

frontend/src/components/Layout.tsx

@@ -21,6 +21,7 @@ import {
 import {
   Menu as MenuIcon,
   ListAlt as ListAltIcon,
+  Inventory as InventoryIcon, // テストページ用のアイコン
 } from '@mui/icons-material';
 import { useNavigate, Outlet, useLocation } from 'react-router-dom';
 
@@ -98,6 +99,14 @@ const Layout: React.FC = () => {
               <ListItemIcon><ListAltIcon /></ListItemIcon>
               <ListItemText primary="タスク一覧" />
             </ListItemButton>
+            {/* テストページへのリンクを追加 */}
+            <ListItemButton
+              onClick={() => handleNavigate('/stock')}
+              selected={isSelected('/stock')}
+            >
+              <ListItemIcon><InventoryIcon /></ListItemIcon>
+              <ListItemText primary="在庫管理" />
+            </ListItemButton>
             <Divider />
           </List>
         </Box>

frontend/src/pages/StockPage.tsx

@@ -0,0 +1,16 @@
+/**
+ * テストページコンポーネント
+ * 白紙の状態で表示されるテスト用のページ
+ */
+import React from 'react';
+import { Box } from '@mui/material';
+
+const StockPage: React.FC = () => {
+  return (
+    <Box>
+      {/* 白紙のページ - 何も表示しない */}
+    </Box>
+  );
+};
+
+export default StockPage;