add flatastic api

src/components/Flatastic/Flatastic.tsx

@@ -0,0 +1,21 @@
+import fetchFlatasticChores from "@/store/thunks/fetchFlatasticChores";
+import { useEffect } from "react";
+import { useDispatch } from "react-redux";
+import { type AppDispatch } from "@/store/index";
+
+export default function Flatastic() {
+    const dispatch = useDispatch<AppDispatch>();
+    useEffect(() => {
+        const intervalID = setInterval(() => {
+            dispatch(fetchFlatasticChores());
+        }, 60000); // Fetch every 60 seconds
+
+        return () => clearInterval(intervalID);
+    }, []);
+
+    return (
+        <p>
+            Flatastic API Key: {import.meta.env.VITE_FLATTASTIC_API_KEY || "Not set"}
+        </p>
+    )
+}