refactor: simplify API routes and add sniffer status functionality

- Updated API routes to remove redundant prefixes.
- Introduced sniffer status fetching in the backend API.
- Added Sniffing page and integrated it into the routing.
- Created a new hook for backend API interactions.
- Implemented sniffer status type definitions.

frontend/src/pages/Sniffing.tsx

@@ -0,0 +1,32 @@
+import { useEffect } from 'react';
+import { useBackendAPI } from '../hooks/useBackendAPI';
+import { fetchSnifferStatus } from '../api/apiClient';
+
+export default function Sniffing() {
+  const {
+    interfacesQuery,
+    bridgesQuery,
+    createBridge,
+    removeBridge,
+    fetchBridges,
+    fetchInterfaces,
+    refreshBridges,
+    refreshInterfaces,
+    isCreating,
+    isRemoving,
+  } = useBackendAPI();
+
+  // fetch on mount (explicit, since queries are disabled by default)
+  useEffect(() => {
+    fetchInterfaces().catch(() => {});
+    fetchSnifferStatus().catch(() => {});
+  }, []);
+
+  const bridges = bridgesQuery.data ?? [];
+  const snifferStatus = 
+  return (
+    <div className="sniffing-body">
+      <h1>Sniffing</h1>
+    </div>
+  );
+}