(Feat-Fix): New Activity Creation system, fixed activities being hardcoded and not displaying properly in the dropdown, added dynamic subdepartment activity fetching.

src/App.tsx

@@ -12,8 +12,9 @@ import { LoginPage } from './pages/LoginPage';
 import { ReportingPage } from './pages/ReportingPage';
 import { StandardRatesPage } from './pages/StandardRatesPage';
 import { AllRatesPage } from './pages/AllRatesPage';
+import { ActivitiesPage } from './pages/ActivitiesPage';
 
-type PageType = 'dashboard' | 'users' | 'allocation' | 'attendance' | 'rates' | 'swaps' | 'reports' | 'standard-rates' | 'all-rates';
+type PageType = 'dashboard' | 'users' | 'allocation' | 'attendance' | 'rates' | 'swaps' | 'reports' | 'standard-rates' | 'all-rates' | 'activities';
 
 const AppContent: React.FC = () => {
   const [activePage, setActivePage] = useState<PageType>('dashboard');
@@ -39,6 +40,8 @@ const AppContent: React.FC = () => {
         return <StandardRatesPage />;
       case 'all-rates':
         return <AllRatesPage />;
+      case 'activities':
+        return <ActivitiesPage />;
       default:
         return <DashboardPage />;
     }