feat: add dropdown for links and collection header

inertia/components/layouts/content_layout.tsx

@@ -1,13 +1,20 @@
 import styled from '@emotion/styled';
 import { ReactNode } from 'react';
+import Footer from '~/components/footer/footer';
 import Navbar from '../navbar/navbar';
 import BaseLayout from './_base_layout';
 
 const ContentLayoutStyle = styled.div(({ theme }) => ({
-  height: 'auto',
+  height: '100%',
   width: theme.media.small_desktop,
   maxWidth: '100%',
   padding: '1em',
+  display: 'flex',
+  flexDirection: 'column',
+
+  '& main': {
+    flex: 1,
+  },
 }));
 
 const ContentLayout = ({ children }: { children: ReactNode }) => (
@@ -15,6 +22,7 @@ const ContentLayout = ({ children }: { children: ReactNode }) => (
     <ContentLayoutStyle>
       <Navbar />
       <main>{children}</main>
+      <Footer />
     </ContentLayoutStyle>
   </BaseLayout>
 );