fix: correct Material UI icon naming in Header.tsx and update timetable components

- Fix icon naming: remove 'Icon' suffix from MUI icon components in Header.tsx
  (AccessTime, Close, Person, School, Schedule, Class, Book, Settings, Student, Login, Logout)
- Update timetable components to use UserContext instead of ProfileContext
- Fix timetableService naming collision and circular reference
- Update various components for consistency

src/utils/tldraw/ui-overrides/components/shared/navigation/CCNodeSnapshotPanel.tsx

@@ -1,6 +1,7 @@
 import React, { useCallback, useMemo, useState } from 'react';
 import { Box, Typography, styled, Button, ThemeProvider, createTheme, useMediaQuery } from '@mui/material';
-import { Save as SaveIcon, RestartAlt as ResetIcon } from '@mui/icons-material';
+import Save from '@mui/icons-material/Save';
+import Reset from '@mui/icons-material/RestartAlt';
 import { useEditor, useToasts, loadSnapshot } from '@tldraw/tldraw';
 import { useNavigationStore } from '../../../../../../stores/navigationStore';
 import { UserNeoDBService } from '../../../../../../services/graph/userNeoDBService';
@@ -173,7 +174,7 @@ export const CCNodeSnapshotPanel: React.FC = () => {
           <ActionButton
             variant="contained"
             size="small"
-            startIcon={<SaveIcon />}
+            startIcon={<Save />}
             onClick={handleSaveSnapshot}
             disabled={isLoading}
             sx={{ flex: 1 }}
@@ -183,7 +184,7 @@ export const CCNodeSnapshotPanel: React.FC = () => {
           <ActionButton
             variant="contained"
             size="small"
-            startIcon={<ResetIcon />}
+            startIcon={<RestartAlt />}
             onClick={handleResetCanvas}
             disabled={isLoading}
             sx={{ flex: 1 }}