Add initial project setup with PocketBase integration, global state management, and UI components for gift tracking

src/app/store/global.tsx

@@ -0,0 +1,32 @@
+'use client';
+
+import { useEffect } from 'react';
+import { create } from 'zustand';
+
+type Props = {
+  year: Year;
+  persons: Person[];
+  gifts: Gift[];
+};
+
+type State = Props & {
+  hydrate: (data: Partial<Props>) => void;
+};
+
+export const useGlobalStore = create<State>((set) => ({
+  year: {} as Year,
+  persons: [] as Person[],
+  gifts: [] as Gift[],
+
+  hydrate: (data: Partial<Props>) => set(data),
+}));
+
+export const GlobalStore = ({ children, year, persons, gifts }: Partial<Props> & { children: React.ReactNode }) => {
+  const hydrate = useGlobalStore((s) => s.hydrate);
+
+  useEffect(() => {
+    hydrate({ year, persons, gifts });
+  }, []);
+
+  return children;
+};