fix light mode guides page

Author: jyecusch

next-env.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-/// <reference types="next/navigation-types/compat/navigation" />
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.

src/components/guides/GuideItem.tsx

@@ -29,7 +29,7 @@ const guide: React.FC<Props> = ({ guide, featured }) => {
         </p>
         <p
           className={cn(
-            'text-md mt-3 text-base text-foreground-light',
+            'text-md mt-3 text-base text-foreground dark:text-foreground-light',
             featured ? 'lg:text-md' : '',
           )}
         >

src/components/guides/GuidePage.tsx

@@ -29,7 +29,7 @@ const GuidePage: React.FC<Props> = ({ guides, allTags }) => {
       <Suspense>
         <GuideList
           guides={guides}
-          className="relative mx-2 my-4 w-full lg:mx-8 lg:my-10"
+          className="relative mx-2 my-4 w-full sm:px-8 lg:my-10"
         />
       </Suspense>
     </div>