Remove Layout in page components, used in _app

This fixes a glitch where the theme change button would stop working on client route change.

src/pages/breweries/[id].tsx

@@ -1,5 +1,3 @@
-import Layout from '@/components/ui/Layout';
-
 import getBreweryPostById from '@/services/BreweryPost/getBreweryPostById';
 import BreweryPostQueryResult from '@/services/BreweryPost/types/BreweryPostQueryResult';
 import { GetServerSideProps, NextPage } from 'next';
@@ -11,9 +9,9 @@ interface BreweryPageProps {
 
 const BreweryByIdPage: NextPage<BreweryPageProps> = ({ breweryPost }) => {
   return (
-    <Layout>
+    <>
       <h1 className="text-3xl font-bold underline">{breweryPost.name}</h1>
-    </Layout>
+    </>
   );
 };
 

src/pages/breweries/index.tsx

@@ -3,7 +3,7 @@ import { GetServerSideProps, NextPage } from 'next';
 import Link from 'next/link';
 import getAllBreweryPosts from '@/services/BreweryPost/getAllBreweryPosts';
 import BreweryPostQueryResult from '@/services/BreweryPost/types/BreweryPostQueryResult';
-import Layout from '@/components/ui/Layout';
+
 import { FC } from 'react';
 import Image from 'next/image';
 import { z } from 'zod';
@@ -41,7 +41,7 @@ const BreweryCard: FC<{ brewery: z.infer<typeof BreweryPostQueryResult> }> = ({
 
 const BreweryPage: NextPage<BreweryPageProps> = ({ breweryPosts }) => {
   return (
-    <Layout>
+    <>
       <div className="flex items-center justify-center bg-base-100">
         <div className="my-10 flex w-10/12 flex-col space-y-4">
           <header className="my-10">
@@ -56,7 +56,7 @@ const BreweryPage: NextPage<BreweryPageProps> = ({ breweryPosts }) => {
           </div>
         </div>
       </div>
-    </Layout>
+    </>
   );
 };