⚙ chore(#168): manifest.json 추가 및 theme-color 설정

Author: yyypearl

public/favicon_114.png public/icon_114.pngpublic/favicon_114.png renamed to public/icon_114.png

@@ -0,0 +1,28 @@
+{
+  "theme_color": "#444d9b",
+  "background_color": "#060811",
+  "icons": [
+    {
+      "purpose": "maskable",
+      "sizes": "512x512",
+      "src": "icon_512_maskable.png",
+      "type": "image/png"
+    },
+    {
+      "purpose": "any",
+      "sizes": "512x512",
+      "src": "icon_512_rounded.png",
+      "type": "image/png"
+    }
+  ],
+  "orientation": "any",
+  "display": "standalone",
+  "dir": "auto",
+  "lang": "ko",
+  "name": "레터링",
+  "short_name": "레터링",
+  "description": "편지로 수놓는 나의 스페이스",
+  "start_url": "https://www.lettering.world",
+  "scope": "https://www.lettering.world",
+  "id": "https://www.lettering.world"
+}

public/favicon_16.png public/icon_16.pngpublic/favicon_16.png renamed to public/icon_16.png

@@ -7,8 +7,9 @@ export const metadata = {
   titleTemplate: '%s - 레터링',
   description:
     '다양한 우주 행성 그리고 별빛이 담긴 편지지로 마음을 형상화한 편지를 보관해보세요.',
+  manifest: '/manifest.json',
   icons: {
-    icon: '/favicon_16.png'
+    icon: '/icon_16.png'
   },
   openGraph: {
     site_name: '레터링',
@@ -40,8 +41,9 @@ export default function RootLayout({
           name="google-site-verification"
           content={process.env.NEXT_PUBLIC_GOOGLE_SEARCH_CONSOLE}
         />
-        <link rel="apple-touch-icon" href="/favicon_114.png"></link>
-        <link rel="shortcut icon" href="/favicon_72.png"></link>
+        <meta name="theme-color" content="#444d9b" />
+        <link rel="apple-touch-icon" href="/icon_114.png"></link>
+        <link rel="shortcut icon" href="/icon_72.png"></link>
         {/* Maze Snippet */}
         <script
           dangerouslySetInnerHTML={{