Refactors pagination styling to use utility classes

Replaces custom SCSS footer classes with Bootstrap utility
classes for pagination controls across zip import components.

Author: davelopez

client/src/components/ImportData/zip/ZipFileSelector.vue

@@ -192,7 +192,7 @@ function onSearch(value: string) {
             No files found matching "{{ searchQuery }}". Try a different search term.
         </BAlert>
 
-        <div v-if="showPagination" class="zip-file-selector-footer mt-3">
+        <div v-if="showPagination" class="d-flex justify-content-center py-3 mt-3">
             <BPagination
                 :value="currentPage"
                 :total-rows="totalItems"
@@ -205,16 +205,3 @@ function onSearch(value: string) {
         </div>
     </div>
 </template>
-
-<style scoped lang="scss">
-@import "theme/blue.scss";
-
-.zip-file-selector {
-    .zip-file-selector-footer {
-        display: flex;
-        justify-content: center;
-        padding: 1rem 0;
-        border-top: 1px solid $brand-secondary;
-    }
-}
-</style>

client/src/components/ImportData/zip/ZipImportSummary.vue

@@ -96,7 +96,7 @@ const fileBadges: CardBadge[] = [
             </GCard>
         </div>
 
-        <div v-if="showPagination" class="zip-summary-footer mt-3">
+        <div v-if="showPagination" class="d-flex justify-content-center py-3 mt-3">
             <BPagination
                 :value="currentPage"
                 :total-rows="totalItems"
@@ -109,14 +109,3 @@ const fileBadges: CardBadge[] = [
         </div>
     </div>
 </template>
-
-<style scoped lang="scss">
-@import "theme/blue.scss";
-
-.zip-summary-footer {
-    display: flex;
-    justify-content: center;
-    padding: 1rem 0;
-    border-top: 1px solid $brand-secondary;
-}
-</style>

client/src/components/ImportData/zip/views/GalaxyZipView.vue

@@ -30,7 +30,7 @@ const {
 
         <ZipFileEntryCard v-for="file in paginatedFiles" :key="file.path" :file="file" />
 
-        <div v-if="showPagination" class="galaxy-zip-footer mt-3">
+        <div v-if="showPagination" class="d-flex justify-content-center py-3 mt-3">
             <BPagination
                 :value="currentPage"
                 :total-rows="files.length"
@@ -43,14 +43,3 @@ const {
         </div>
     </div>
 </template>
-
-<style scoped lang="scss">
-@import "theme/blue.scss";
-
-.galaxy-zip-footer {
-    display: flex;
-    justify-content: center;
-    padding: 1rem 0;
-    border-top: 1px solid $brand-secondary;
-}
-</style>

client/src/components/ImportData/zip/views/RegularZipView.vue

@@ -48,7 +48,7 @@ const zipFileBadges: CardBadge[] = [
             </template>
         </GCard>
 
-        <div v-if="showPagination" class="regular-zip-footer mt-3">
+        <div v-if="showPagination" class="d-flex justify-content-center py-3 mt-3">
             <BPagination
                 :value="currentPage"
                 :total-rows="files.length"
@@ -61,14 +61,3 @@ const zipFileBadges: CardBadge[] = [
         </div>
     </div>
 </template>
-
-<style scoped lang="scss">
-@import "theme/blue.scss";
-
-.regular-zip-footer {
-    display: flex;
-    justify-content: center;
-    padding: 1rem 0;
-    border-top: 1px solid $brand-secondary;
-}
-</style>