feat: add app header, sidebar, and mobile navigation components

- Implemented AppHeader component with theme toggle and connection status.
- Created AppSidebar component for navigation with connection status indicator.
- Added MobileNav component for mobile navigation with responsive design.
- Introduced shared components: DetailStat, EmptyState, ErrorState, LoadingSkeleton, and StatCard for consistent UI.
- Developed hooks for async data fetching: useAsync, useConfig, useDashboard, useGuilds, useMedia, useMessages, useRecordings, and useVoice.
- Added chatbot API functions for sending messages and managing chat history.

services/frontend/src/hooks/index.ts

@@ -0,0 +1,22 @@
+export { useAsync } from "./use-async";
+export { useConfig } from "./use-config";
+export {
+  useChannelDetail,
+  useChannels,
+  useStats,
+  useUserDetail,
+  useUsers,
+} from "./use-dashboard";
+export { useGuilds } from "./use-guilds";
+export { useMediaState, useMediaWsSubscription } from "./use-media";
+export {
+  useImages,
+  useMessageDetail,
+  useMessages,
+  useMessageWsSubscription,
+  useReview,
+  useSearch,
+  useTextChannels,
+} from "./use-messages";
+export { useRecordings, useRecordingsWsSubscription } from "./use-recordings";
+export { useSpeakers, useVoiceChannels, useVoiceStatus } from "./use-voice";