Merge branch 'main' into tasks

web/app/(pages)/layout.tsx

@@ -1,19 +1,27 @@
-"use client"
-
+import type { Viewport } from "next"
 import { Sidebar } from "@/components/custom/sidebar/sidebar"
 import { CommandPalette } from "@/components/custom/command-palette/command-palette"
-import { useAccountOrGuest } from "@/lib/providers/jazz-provider"
+import { LearnAnythingOnboarding } from "@/components/custom/learn-anything-onboarding"
+import { Shortcut } from "@/components/custom/Shortcut/shortcut"
+import { GlobalKeydownHandler } from "@/components/custom/global-keydown-handler"
+
+export const viewport: Viewport = {
+	width: "device-width, shrink-to-fit=no",
+	maximumScale: 1,
+	userScalable: false
+}
 
 export default function PageLayout({ children }: { children: React.ReactNode }) {
-	const { me } = useAccountOrGuest()
-
 	return (
 		<div className="flex h-full min-h-full w-full flex-row items-stretch overflow-hidden">
 			<Sidebar />
+			<LearnAnythingOnboarding />
+			<GlobalKeydownHandler />
 
-			{me._type !== "Anonymous" && <CommandPalette />}
+			<CommandPalette />
+			<Shortcut />
 
-			<div className="flex min-w-0 flex-1 flex-col">
+			<div className="relative flex min-w-0 flex-1 flex-col">
 				<main className="relative flex flex-auto flex-col place-items-stretch overflow-auto lg:my-2 lg:mr-2 lg:rounded-md lg:border">
 					{children}
 				</main>

web/app/(pages)/topics/page.tsx

@@ -0,0 +1,5 @@
+import { TopicRoute } from "@/components/routes/topics/TopicRoute"
+
+export default function Page() {
+	return <TopicRoute />
+}