⭐ feat(www): Finish up on the onboarding (#210)

Merging this prematurely to make sure the team is on the same boat... like dang! We need to find a better way to do this. 

Plus it has become too big

packages/www/src/providers/api.tsx

@@ -0,0 +1,36 @@
+import { hc } from "hono/client";
+import { useTeam } from "./context";
+import { useOpenAuth } from "@openauthjs/solid";
+import { type app } from "@nestri/functions/api/index";
+import { createInitializedContext } from "@nestri/www/common/context";
+
+
+export const { use: useApi, provider: ApiProvider } = createInitializedContext(
+    "Api",
+    () => {
+        const team = useTeam();
+        const auth = useOpenAuth();
+
+        const client = hc<typeof app>(import.meta.env.VITE_API_URL, {
+            async fetch(...args: Parameters<typeof fetch>): Promise<Response> {
+                const [input, init] = args;
+                const request =
+                    input instanceof Request ? input : new Request(input, init);
+                const headers = new Headers(request.headers);
+                headers.set("authorization", `Bearer ${await auth.access()}`);
+                headers.set("x-nestri-team", team().id);
+
+                return fetch(
+                    new Request(request, {
+                        ...init,
+                        headers,
+                    }),
+                );
+            },
+        });
+        return {
+            client,
+            ready: true,
+        };
+    },
+);