feat: add temporaty modal controls to root page

src/app/page.tsx

@@ -1,5 +1,7 @@
 // replace with dashboard page when that's completed
 
+import TempModalControls from "@/components/modals/TempModalControls";
+
 export default function Home() {
-  return null;
+  return <TempModalControls />;
 }

src/components/modals/TempModalControls.tsx

@@ -0,0 +1,26 @@
+"use client";
+
+import { useAppDispatch } from "@/store";
+import { onOpen } from "@/store/features/modal";
+
+export default function TempModalControls() {
+  const dispatch = useAppDispatch();
+  return (
+    <div className="flex flex-col p-6 gap-y-4">
+      <button
+        type="button"
+        onClick={() => dispatch(onOpen({ type: "example1" }))}
+        className="border-none btn bg-primary"
+      >
+        Modal 1
+      </button>
+      <button
+        type="button"
+        onClick={() => dispatch(onOpen({ type: "example2" }))}
+        className="border-none btn bg-primary"
+      >
+        Modal 2
+      </button>
+    </div>
+  );
+}