web: added the base for the web project

apps/web/src/components/WithSidebar.tsx

@@ -0,0 +1,21 @@
+import { type HtmlProps } from "@/types";
+
+type WithSidebarProps = HtmlProps<HTMLDivElement>
+
+export function WithSidebar({children}: WithSidebarProps) {
+  return (
+    <div className="grid grid-cols-[200px_minmax(0,1fr)] gap-8">
+      {children}
+    </div>
+  )
+}
+
+type SidebarProps = HtmlProps<HTMLDivElement>
+
+export function Sidebar({children}: SidebarProps) {
+  return (
+    <div className="flex flex-col gap-1">
+      {children}
+    </div>
+  )
+}