refactor: update layout

Author: mrholek

src/components/AppHeaderDropdownAccnt.vue

@@ -4,7 +4,10 @@
       <CAvatar :src="avatar" size="md" />
     </CDropdownToggle>
     <CDropdownMenu class="pt-0">
-      <CDropdownHeader component="h6" class="bg-light fw-semibold py-2">
+      <CDropdownHeader
+        component="h6"
+        class="bg-body-secondary text-body-secondary fw-semibold py-2 rounded-top"
+      >
         Account
       </CDropdownHeader>
       <CDropdownItem>
@@ -23,11 +26,18 @@
         <CIcon icon="cil-comment-square" /> Comments
         <CBadge color="warning" class="ms-auto">{{ itemsCount }}</CBadge>
       </CDropdownItem>
-      <CDropdownHeader component="h6" class="bg-light fw-semibold py-2">
+      <CDropdownHeader
+        component="h6"
+        class="bg-body-secondary text-body-secondary fw-semibold py-2"
+      >
         Settings
       </CDropdownHeader>
-      <CDropdownItem> <CIcon icon="cil-user" /> Profile </CDropdownItem>
-      <CDropdownItem> <CIcon icon="cil-settings" /> Settings </CDropdownItem>
+      <CDropdownItem>
+        <CIcon icon="cil-user" /> Profile
+      </CDropdownItem>
+      <CDropdownItem>
+        <CIcon icon="cil-settings" /> Settings
+      </CDropdownItem>
       <CDropdownItem>
         <CIcon icon="cil-dollar" /> Payments
         <CBadge color="secondary" class="ms-auto">{{ itemsCount }}</CBadge>
@@ -40,7 +50,9 @@
       <CDropdownItem>
         <CIcon icon="cil-shield-alt" /> Lock Account
       </CDropdownItem>
-      <CDropdownItem> <CIcon icon="cil-lock-locked" /> Logout </CDropdownItem>
+      <CDropdownItem>
+        <CIcon icon="cil-lock-locked" /> Logout
+      </CDropdownItem>
     </CDropdownMenu>
   </CDropdown>
 </template>