feat: styling login page

inertia/components/layouts/_theme_layout.tsx

@@ -64,6 +64,12 @@ function GlobalStyles() {
       boxShadow: '0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset',
       display: 'inline-block',
     },
+
+    hr: {
+      color: localTheme.colors.secondary,
+      width: '100%',
+      marginBlock: '1em',
+    },
   });
 
   const documentStyle = css({

inertia/components/layouts/content_layout.tsx

@@ -18,9 +18,15 @@ const ContentLayoutStyle = styled(TransitionLayout)(({ theme }) => ({
   },
 }));
 
-const ContentLayout = ({ children }: { children: ReactNode }) => (
+const ContentLayout = ({
+  children,
+  className,
+}: {
+  children: ReactNode;
+  className?: string;
+}) => (
   <BaseLayout>
-    <ContentLayoutStyle>
+    <ContentLayoutStyle className={className}>
       <Navbar />
       <main>{children}</main>
       <Footer />