pagination button color, centering cookies banner, and remove scroll in carousel

assets/scss/main.scss

@@ -70,3 +70,10 @@ body {
     padding: 0 1rem;
   }
 }
+
+.pagination {
+  .active > .page-link {
+    background-color: $color-button;
+    border-color: $color-button;
+  }
+}

components/CookieUsageNotification.vue

@@ -16,33 +16,33 @@
 </template>
 
 <script>
-import { useAuthStore } from '@/stores/auth'
+import { useAuthStore } from "@/stores/auth";
-import { mapActions } from 'pinia'
+import { mapActions } from "pinia";
 export default {
-  name: 'CookieUsageNotification',
+  name: "CookieUsageNotification",
   data() {
     return {
       show: undefined,
-    }
+    };
   },
 
   mounted() {
-    const auth = useAuthStore()
+    const auth = useAuthStore();
     if (auth.cookiesAccepted === true) {
-      this.show = false
+      this.show = false;
     } else {
-      this.show = true
+      this.show = true;
     }
   },
 
   methods: {
-    ...mapActions(useAuthStore, ['acceptCookies']),
+    ...mapActions(useAuthStore, ["acceptCookies"]),
     close() {
-      this.show = false
+      this.show = false;
-      this.acceptCookies()
+      this.acceptCookies();
     },
   },
-}
+};
 </script>
 
 <style lang="scss" scoped>
@@ -50,6 +50,8 @@ export default {
   z-index: 999;
   position: fixed;
   bottom: 0px;
+  right: 8px;
+  left: 8px;
   background-color: $color-navy;
   border: none;
   color: $color-light;

components/ItemsRow.vue

@@ -16,7 +16,7 @@
         :gap="1"
         :pagination-enabled="false"
         :wrap-around="false"
-        :mouse-wheel="true"
+        :mouse-wheel="false"
         :breakpoints-enabled="true"
       >
         <Slide v-for="item in items" :key="item.id" class="slide-container">