feat: add mobile layout and bottom navigation components

client/src/components/ResponsiveOrders.tsx

@@ -0,0 +1,16 @@
+/**
+ * ResponsiveOrders - Wrapper for automatic mobile/desktop detection
+ */
+import { useScreenSize } from "@/hooks/use-screen-size";
+import Orders from "@/pages/Orders";
+import MobileOrdersPage from "@/pages/mobile/OrdersPage";
+
+export default function ResponsiveOrders() {
+    const { isMobile } = useScreenSize();
+
+    if (isMobile) {
+        return <MobileOrdersPage />;
+    }
+
+    return <Orders />;
+}