feat: add sparepart management page and update routing in App component

src/layout/LayoutMenu.jsx

@@ -32,6 +32,7 @@ import {
     SlidersOutlined,
     SnippetsOutlined,
     ContactsOutlined,
+    ToolOutlined,
 } from '@ant-design/icons';
 
 const { Text } = Typography;
@@ -142,6 +143,11 @@ const allItems = [
                 icon: <SafetyOutlined style={{ fontSize: '19px' }} />,
                 label: <Link to="/master/status">Status</Link>,
             },
+            {
+                key: 'master-sparepart',
+                icon: <ToolOutlined style={{ fontSize: '19px' }} />,
+                label: <Link to="/master/sparepart">sparepart</Link>,
+            },
             // {
             //     key: 'master-shift',
             //     icon: <ClockCircleOutlined style={{ fontSize: '19px' }} />,
@@ -259,6 +265,7 @@ const LayoutMenu = () => {
                 unit: 'master-unit',
                 tag: 'master-tag',
                 status: 'master-status',
+                sparepart: 'master-sparepart',
                 shift: 'master-shift',
             };
             return masterKeyMap[subPath] || `master-${subPath}`;