Modify design

apps/blog/src/app/tags/page.module.scss

@@ -1,13 +1,22 @@
 @use "sass:map";
 
 .tag-cloud {
-    display: flex;
     width: clamp(0px, map.get($container-width, "large"), 100%);
-    margin: 0 auto;
-    // padding-right = padding-left + half of tag width
-    padding: $global-navigation-height + 20px 12px 10px 12px + 15px;
-    flex-wrap: wrap;
-    gap: 0.75em;
+    margin: $global-navigation-height auto 0;
+
+    &__title {
+        margin: 24px 12px;
+        text-align: center;
+    }
+
+    &__tags {
+        display: flex;
+        width: clamp(0px, map.get($container-width, "large"), 100%);
+        // padding-right = padding-left + half of tag width
+        padding: $global-navigation-height + 20px 12px 10px 12px + 15px;
+        flex-wrap: wrap;
+        gap: 0.75em;
+    }
 
     a {
         position: relative;

apps/blog/src/app/tags/page.tsx

@@ -18,16 +18,21 @@ export default function TagCloudPage() {
 
     return (
         <div className={cx()}>
-            {tags.map(({ name, count }) => (
-                <Link key={name} href={`/tag/${name}`}>
-                    <Typography component="span" variant="b2">
-                        {name}
-                    </Typography>
-                    <Typography component="span" variant="c1">
-                        ({count})
-                    </Typography>
-                </Link>
-            ))}
+            <Typography variant="h1" component="h1" fontWeight={700} className={cx("__title")}>
+                태그 목록
+            </Typography>
+            <div className={cx("__tags")}>
+                {tags.map(({ name, count }) => (
+                    <Link key={name} href={`/tag/${name}`}>
+                        <Typography component="span" variant="b2">
+                            {name}
+                        </Typography>
+                        <Typography component="span" variant="c1">
+                            ({count})
+                        </Typography>
+                    </Link>
+                ))}
+            </div>
         </div>
     );
 }