[fix] aboutページのレイアウトを修正

src/components/features/app/Contents/Contents.tsx

@@ -1,18 +1,25 @@
 import { Portal } from '@radix-ui/react-portal';
-import { Hamburger } from '@/components/features/app/Hamburger';
 import { useBreakPoint } from '@/hooks/useBreakPoint';
+import { cn } from '@/lib/cn';
+import { Hamburger } from '../Hamburger';
 
 type Props = {
   main: React.ReactElement;
   aside?: React.ReactNode;
   hamburgerMenu?: React.ReactNode;
+  className?: string;
 };
 
-export const Contents: React.VFC<Props> = ({ main, aside, hamburgerMenu }) => {
+export const Contents: React.VFC<Props> = ({
+  main,
+  aside,
+  hamburgerMenu,
+  className,
+}) => {
   const lg = useBreakPoint('lg');
 
   return (
-    <div className="grid grid-cols-1 lg:grid-cols-3 gap-10">
+    <div className={cn(className, 'grid grid-cols-1 lg:grid-cols-3 gap-10')}>
       <div className="lg:col-span-2">
         <main>{main}</main>
       </div>

src/components/pages/about/index.tsx

@@ -1,4 +1,4 @@
 import { Contents } from '@/components/features/app/Contents';
 import { Profile } from '@/components/features/app/Profile';
 
-export const About = () => <Contents main={<Profile />} />;
+export const About = () => <Contents className="lg:block" main={<Profile />} />;