Display login component and actually force dropdown to right

pages/mod-queue.page.tsx

@@ -9,8 +9,12 @@ import {
 } from "@chakra-ui/react";
 import { lazy, useState } from "react";
 const AppealCard = lazy(() => import("../components/AppealCard"));
+import Login from "../components/Login";
 
 export function Page(pageProps: { [p: string]: any }) {
+  if (!pageProps.logged_in)
+    return <Login />;
+
   const isDesktop = useBreakpointValue({ base: false, lg: true });
   const entryTypes = [];
   const [entries, setEntries] = useState([] as JSX.Element[]);
@@ -66,10 +70,10 @@ export function Page(pageProps: { [p: string]: any }) {
   }
 
   return (
-    <Container maxW="container.xl">
+    <Container maxW="container.lg">
       <Flex>
-        <VStack>{entries}</VStack>
-        <Box display={isDesktop ? undefined : "none"} w="250px">
+        <VStack w="container.md">{entries}</VStack>
+        <Box display={isDesktop ? undefined : "none"} w="256px">
           <Select placeholder="Entry Type">
             <option value="">All</option>
             {entryTypes}