feat: split contexts, providers and hooks

src/hooks/useApp.ts

@@ -0,0 +1,9 @@
+import { useContext } from "react";
+import { AppContext } from "~/context/AppContext";
+
+export const useApp = () => {
+  const app = useContext(AppContext);
+  if (!app) throw new Error("`useApp` used outside AppContext");
+
+  return app;
+};

src/hooks/useKitty.ts

@@ -0,0 +1,4 @@
+import { useContext } from "react";
+import { KittyContext } from "~/context/KittyContext";
+
+export const useKitty = () => useContext(KittyContext);