feat: implement new layout components and routing structure

- Added HeaderLayout component for the application header.
- Introduced KeepAliveViewport for managing tab states and rendering.
- Created TabNav for tab navigation with animated indicator.
- Removed old Tabs component in favor of new layout structure.
- Updated routing with AppRouter and defined appTabs for navigation.
- Enhanced theme context to manage dark mode styles.
- Added new UI components: Badge, Button, Separator, and Tabs.
- Refactored pages to utilize new layout components and improve responsiveness.
- Updated global styles for better theming and layout consistency.
- Introduced TypeScript path aliases for cleaner imports.

frontend/src/pages/Compliance/CompliancePage.tsx

@@ -587,7 +587,7 @@ export const CompliancePage: React.FC = () => {
       flex: 1,
       display: 'flex',
       height: '100%',
-      minHeight: 'calc(100vh - 128px)',
+      minHeight: 0,
       position: 'relative',
     }}>
       {/* Main Content Area */}