Add Non-Selectable Property to Header Menu

src/app/features/header-menu/header-menu.scss

@@ -24,6 +24,10 @@
     align-items: center;
     gap: 48px;
 
+    & > * {
+      user-select: none;
+    }
+
     .menu-item, a:not(.settings) {
       text-decoration: none;
       font-size: 18px;
@@ -56,6 +60,22 @@
       }
     }
 
+    .settings {
+      border: none;
+      border-radius: 100%;
+      background-color: inherit;
+      padding: 0;
+
+      position: relative;
+      z-index: 10;
+      cursor: pointer;
+      transition: transform 0.3s ease;
+
+      &:hover {
+        transform: rotate(30deg);
+      }
+    }
+
     /* 구체적인 아이콘 예외 처리 */
     .icon-40 {
       height: auto;
@@ -100,21 +120,5 @@
     flex-grow: 1;
     justify-content: flex-end;
     padding: 12px 20px;
-
-    .settings {
-      border: none;
-      border-radius: 100%;
-      background-color: inherit;
-      padding: 0;
-
-      position: relative;
-      z-index: 10;
-      cursor: pointer;
-      transition: transform 0.3s ease;
-
-      &:hover {
-        transform: rotate(30deg);
-      }
-    }
   }
 }

src/app/features/settings/popup.scss

@@ -1,5 +1,6 @@
 :host {
   display: block;
+  user-select: none;
 }
 
 .profile-section {
@@ -37,6 +38,7 @@
       display: block;
       font-weight: 500;
       font-size: 14px;
+      height: 15px;
       color: oklch(0.6830 0 0); // #999999
     }