hamburger nav on all touch devices, add eruda for debugging

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/apps/officer-web/Screens/Dashboard/Layout/useIsTouch.ts

@@ -0,0 +1,15 @@
+import { useState, useEffect } from 'react';
+
+export const useIsTouch = () => {
+  const [isTouch, setIsTouch] = useState(false);
+
+  useEffect(() => {
+    const mql = window.matchMedia('(pointer: coarse)');
+    setIsTouch(mql.matches);
+    const onChange = (ev: MediaQueryListEvent) => setIsTouch(ev.matches);
+    mql.addEventListener('change', onChange);
+    return () => mql.removeEventListener('change', onChange);
+  }, []);
+
+  return isTouch;
+};