feat: VA 추가 (TEAM-CLIP#8)

package.json

@@ -9,6 +9,7 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@vercel/analytics": "^1.3.1",
     "axios": "^1.7.4",
     "next": "14.1.2",
     "react": "^18",

src/app/layout.tsx

@@ -2,6 +2,7 @@ import type { Metadata } from 'next';
 import './globals.css';
 import localFont from 'next/font/local';
 import ClipContainer from '@/components/ClipContainer';
+import { Analytics } from '@vercel/analytics/react';
 
 const pretendard = localFont({
   src: '../fonts/PretendardVariable.woff2',
@@ -26,6 +27,7 @@ export default function RootLayout({
         <ClipContainer>
           <main className="flex-grow overflow-y-auto">{children}</main>
         </ClipContainer>
+        <Analytics />
       </body>
     </html>
   );

src/components/ClipContainer.tsx

@@ -58,7 +58,7 @@ const ClipContainer = ({ children }: any) => {
         </div>
 
         {path !== '/' && path !== '/request-notification' && (
-          <div className="bg-white px-4 h-[3.5rem] flex items-center border-b border-gray-50">
+          <div className="bg-white px-4 h-[3.5rem] flex items-center">
             <div className="cursor-pointer" onClick={() => router.back()}>
               <div className="flex w-[1.5rem] h-[1.5rem]">
                 <Image

src/data/database.ts

@@ -1377,6 +1377,7 @@ export const photoData: SnapImage[] = [
     url: 'https://chik.s3.ap-northeast-2.amazonaws.com/photo/usee_pic9%2BB6.png',
   },
 ];
+
 // mood를 기준으로 데이터 정렬
 const sortedData = photoData.sort((a, b) => a.mood - b.mood);
 
@@ -1385,4 +1386,4 @@ export const arrangedPhotos: SnapImage[][] = [[], [], []];
 
 sortedData.forEach((item: SnapImage, index) => {
   arrangedPhotos[index % 3].push(item);
-});
+});