Add requireAuth to AppShell

app/src/pages/experiments/index.tsx

@@ -1,13 +1,4 @@
-import {
-  SimpleGrid,
-  Icon,
-  Breadcrumb,
-  BreadcrumbItem,
-  Flex,
-  Center,
-  Text,
-  Link,
-} from "@chakra-ui/react";
+import { SimpleGrid, Icon, Breadcrumb, BreadcrumbItem, Flex } from "@chakra-ui/react";
 import { RiFlaskLine } from "react-icons/ri";
 import AppShell from "~/components/nav/AppShell";
 import {
@@ -15,7 +6,6 @@ import {
   ExperimentCardSkeleton,
   NewExperimentCard,
 } from "~/components/experiments/ExperimentCard";
-import { signIn, useSession } from "next-auth/react";
 import PageHeaderContainer from "~/components/nav/PageHeaderContainer";
 import ProjectBreadcrumbContents from "~/components/nav/ProjectBreadcrumbContents";
 import { useExperiments } from "~/utils/hooks";
@@ -23,33 +13,8 @@ import { useExperiments } from "~/utils/hooks";
 export default function ExperimentsPage() {
   const experiments = useExperiments();
 
-  const user = useSession().data;
-  const authLoading = useSession().status === "loading";
-
-  if (user === null || authLoading) {
-    return (
-      <AppShell title="Experiments">
-        <Center h="100%">
-          {!authLoading && (
-            <Text>
-              <Link
-                onClick={() => {
-                  signIn("github").catch(console.error);
-                }}
-                textDecor="underline"
-              >
-                Sign in
-              </Link>{" "}
-              to view or create new experiments!
-            </Text>
-          )}
-        </Center>
-      </AppShell>
-    );
-  }
-
   return (
-    <AppShell title="Experiments">
+    <AppShell title="Experiments" requireAuth>
       <PageHeaderContainer>
         <Breadcrumb>
           <BreadcrumbItem>