fix: small fixes

src/views/notifications/Alerts.vue

@@ -125,9 +125,10 @@
               class="position-absolute"
               color="secondary"
               style="right:10px;top: 50%;transform: translateY(-50%);"
-              textHtml="<i>Close</i>"
               @click="dismiss"
-            />
+            >
+              <i>Close</i>
+            </CButton>
           </CAlert>
           <CButton
             @click="showDismissibleAlerts"

src/views/notifications/Badges.vue

@@ -26,7 +26,7 @@
         <CCardFooter>
           <CButton color="primary">
             Notifications
-            <CBadge color="light" :style="{position: 'static'}">4</CBadge>
+            <CBadge color="light" class="ml-2 position-static">4</CBadge>
           </CButton>
         </CCardFooter>
       </CCard>

src/views/notifications/Modals.vue

@@ -161,11 +161,11 @@
       consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
       cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
       proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-      <template #header="{hide}">
+      <template #header>
         <h6 class="modal-title">Custom smaller modal title</h6>
-        <CButtonClose @click="hide()" class="text-white"/>
+        <CButtonClose @click="darkModal = false" class="text-white"/>
       </template>
-      <template #footer="{hide}">
+      <template #footer>
         <CButton @click="darkModal = false" color="danger">Discard</CButton>
         <CButton @click="darkModal = false" color="success">Accept</CButton>
       </template>