feat: add streaming on console/dashboard page

frontend/src/app/console/dashboard/_components/ProfileSectionSkeleton.tsx

@@ -0,0 +1,20 @@
+import Section from '@/components/Section'
+import { Skeleton } from '@/components/ui/skeleton'
+
+export default function ProfileSectionSkeleton() {
+  return (
+    <Section title="내 정보">
+      <div className="grid h-full grid-cols-3 gap-x-2 gap-y-5">
+        <div className="col-span-3 flex items-center justify-center sm:col-span-1">
+          <Skeleton className="h-20 w-20 rounded-full" />
+        </div>
+        <div className="col-span-3 flex h-full flex-col items-center justify-center space-y-1.5 sm:col-span-2 sm:items-start">
+          <Skeleton className="h-[20px] w-52 rounded-full" />
+          <Skeleton className="h-[20px] w-52 rounded-full" />
+          <Skeleton className="h-[20px] w-52 rounded-full" />
+          <Skeleton className="h-[20px] w-52 rounded-full" />
+        </div>
+      </div>
+    </Section>
+  )
+}

frontend/src/app/console/dashboard/page.tsx

@@ -1,13 +1,17 @@
+import { Suspense } from 'react'
 import { NoticeSection } from './_components/NoticeSection'
 import { ProfileSection } from './_components/ProfileSection'
+import ProfileSectionSkeleton from './_components/ProfileSectionSkeleton'
 
 export default function ConsoleHome() {
   return (
     <main className="mx-auto flex w-full flex-grow flex-col items-center justify-center">
       <div className="flex w-full flex-grow flex-col gap-5 py-4 sm:px-6 md:grid md:grid-cols-12">
         <div className="col-span-12 grid h-full grid-cols-12 gap-5 md:h-1/4">
           <div className="col-span-12 overflow-hidden md:col-span-6 lg:col-span-4">
-            <ProfileSection />
+            <Suspense fallback={<ProfileSectionSkeleton />}>
+              <ProfileSection />
+            </Suspense>
           </div>
           <div className="col-span-12 overflow-hidden md:col-span-6 lg:col-span-8">
             <NoticeSection />