web: added the base for the web project

apps/web/src/hooks/useMappings.ts

@@ -0,0 +1,7 @@
+import mappings from '@/mappings.json'
+
+export function useMappings() {
+  return (val: string) => {
+    return mappings.find((item) => item.id === val)?.name ?? val
+  }
+}

apps/web/src/hooks/useOrganizationParams.ts

@@ -0,0 +1,12 @@
+import { z } from "zod";
+import { useQueryParams } from "./useQueryParams";
+
+export function useOrganizationParams() {
+  return useQueryParams(
+    z.object({
+      organization: z.string(),
+      project: z.string(),
+      dashboard: z.string(),
+    }),
+  );
+}

apps/web/src/hooks/useRefetchActive.ts

@@ -0,0 +1,6 @@
+import { useQueryClient } from "@tanstack/react-query";
+
+export function useRefetchActive() {
+  const client = useQueryClient()
+  return () => client.refetchQueries({type: 'active'})
+}