🔧 웹훅 URL을 HTTPS로 수정

- 웹훅 URL을 https://admin.youtooplay.com/webhook로 변경
- Nginx 리버스 프록시 설정 파일 추가
- 배포 가이드 업데이트

views/pages/account-settings/AccountSettingsNotification.vue

@@ -0,0 +1,132 @@
+<script lang="ts" setup>
+const recentDevices = ref(
+  [
+    {
+      type: 'New for you',
+      email: true,
+      browser: true,
+      app: true,
+    },
+    {
+      type: 'Account activity',
+      email: true,
+      browser: true,
+      app: true,
+    },
+    {
+      type: 'A new browser used to sign in',
+      email: true,
+      browser: true,
+      app: false,
+    },
+    {
+      type: 'A new device is linked',
+      email: true,
+      browser: false,
+      app: false,
+    },
+  ],
+)
+
+const selectedNotification = ref('Only when I\'m online')
+</script>
+
+<template>
+  <VCard title="Recent Devices">
+    <VCardText>
+      We need permission from your browser to show notifications.
+      <a href="javascript:void(0)">Request Permission</a>
+    </VCardText>
+
+    <VTable class="text-no-wrap">
+      <thead>
+        <tr>
+          <th scope="col">
+            Type
+          </th>
+          <th scope="col">
+            EMAIL
+          </th>
+          <th scope="col">
+            BROWSER
+          </th>
+          <th scope="col">
+            App
+          </th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr
+          v-for="device in recentDevices"
+          :key="device.type"
+        >
+          <td>
+            {{ device.type }}
+          </td>
+          <td>
+            <VCheckbox
+              :id="useId()"
+              v-model="device.email"
+            />
+          </td>
+          <td>
+            <VCheckbox
+              :id="useId()"
+              v-model="device.browser"
+            />
+          </td>
+          <td>
+            <VCheckbox
+              :id="useId()"
+              v-model="device.app"
+            />
+          </td>
+        </tr>
+      </tbody>
+    </VTable>
+    <VDivider />
+
+    <VCardText>
+      <VForm @submit.prevent="() => {}">
+        <p class="text-base font-weight-medium">
+          When should we send you notifications?
+        </p>
+
+        <VRow>
+          <VCol
+            cols="12"
+            sm="6"
+          >
+            <VSelect
+              :id="useId()"
+              v-model="selectedNotification"
+              mandatory
+              :items="['Only when I\'m online', 'Anytime']"
+            />
+          </VCol>
+        </VRow>
+
+        <div class="d-flex flex-wrap gap-4 mt-4">
+          <VBtn type="submit">
+            Save Changes
+          </VBtn>
+          <VBtn
+            color="secondary"
+            variant="tonal"
+            type="reset"
+          >
+            Reset
+          </VBtn>
+        </div>
+      </VForm>
+    </VCardText>
+  </VCard>
+</template>
+
+<style lang="scss" scoped>
+.v-table {
+  th {
+    text-align: start !important;
+  }
+}
+</style>