feat: Use Fluent SVG icons on the dashboard (#3482)

app/javascript/dashboard/components/widgets/TableFooter.vue

@@ -20,8 +20,12 @@
           :is-disabled="hasFirstPage"
           @click="onFirstPage"
         >
-          <i class="ion-chevron-left" />
-          <i class="ion-chevron-left" />
+          <fluent-icon icon="chevron-left" size="18" />
+          <fluent-icon
+            icon="chevron-left"
+            size="18"
+            class="margin-left-minus-slab"
+          />
         </woot-button>
         <woot-button
           size="small"
@@ -30,7 +34,7 @@
           :is-disabled="hasPrevPage"
           @click="onPrevPage"
         >
-          <i class="ion-chevron-left" />
+          <fluent-icon icon="chevron-left" size="18" />
         </woot-button>
         <woot-button
           size="small"
@@ -47,7 +51,7 @@
           :is-disabled="hasNextPage"
           @click="onNextPage"
         >
-          <i class="ion-chevron-right" />
+          <fluent-icon icon="chevron-right" size="18" />
         </woot-button>
         <woot-button
           size="small"
@@ -57,8 +61,12 @@
           :is-disabled="hasLastPage"
           @click="onLastPage"
         >
-          <i class="ion-chevron-right" />
-          <i class="ion-chevron-right" />
+          <fluent-icon icon="chevron-right" size="18" />
+          <fluent-icon
+            icon="chevron-right"
+            size="18"
+            class="margin-left-minus-slab"
+          />
         </woot-button>
       </div>
     </div>