feat: pages (#151)

* wip

* wip

* wip

* wwip

* wip

* wip

* fix(util): rmeove checking to existing in slug

* wip

* chore: handle create page

* chore: handle page title untitled

web/components/routes/page/hooks/use-column-styles.ts

@@ -0,0 +1,16 @@
+import { useMedia } from "react-use"
+
+export const useColumnStyles = () => {
+	const isTablet = useMedia("(max-width: 640px)")
+
+	return {
+		title: {
+			"--width": "69px",
+			"--min-width": "200px",
+			"--max-width": isTablet ? "none" : "auto"
+		},
+		content: { "--width": "auto", "--min-width": "200px", "--max-width": "200px" },
+		topic: { "--width": "65px", "--min-width": "120px", "--max-width": "120px" },
+		updated: { "--width": "82px", "--min-width": "82px", "--max-width": "82px" }
+	}
+}