added basic UtilitySwitcher for utility access in-app

app/portal/utilities/Client.tsx

@@ -0,0 +1,19 @@
+// app/portal/utilities/Client.tsx
+"use client";
+
+import dynamic from "next/dynamic";
+
+const UtilitySwitcher = dynamic(() => import("@/components/portal/UtilitySwitcher"), {
+    ssr: false,
+});
+
+export default function UtilitiesClient() {
+    return (
+        <div className="space-y-4">
+        <div className="rounded-lg border p-6">
+        <h2 className="mb-4 text-xl font-semibold">Utilities</h2>
+        <UtilitySwitcher />
+        </div>
+        </div>
+    );
+}

app/portal/utilities/page.tsx

@@ -1,9 +1,8 @@
 // app/portal/utilities/page.tsx
-export default function UtilitiesPage() {
-    return (
-        <div className="rounded-lg border p-6">
-        <h2 className="text-xl font-semibold mb-2">Utilities</h2>
-        <p className="opacity-80">WIP: calculators, helpers, import/export, etc.</p>
-        </div>
-    );
+import UtilitiesClient from "./Client";
+
+export const metadata = { title: "MakerDash • Utilities" };
+
+export default function Page() {
+    return <UtilitiesClient />;
 }