Client - BreadCrumb Refactor - Fixed Bug where text would slightly move due to on hover text resize effect

Author: Rad14nt

client/src/components/widgets/breadCrumb/BreadCrumb.vue

@@ -7,12 +7,8 @@
             <RouterLink
                 v-bind="hoverProps"
                 :to="{ name: getRouteName('HomePage') }"
-                class="px-1 py-1 text-decoration-none"
-                :class="
-                    isHovering
-                        ? 'text-primary font-weight-medium'
-                        : 'text-medium-emphasis font-weight-medium'
-                "
+                class="px-1 py-1 text-decoration-none font-weight-medium"
+                :class="isHovering ? 'text-primary' : 'text-medium-emphasis'"
             >
                 {{ $t("titles.home") }}
             </RouterLink>
@@ -33,11 +29,9 @@
                 <RouterLink
                     v-bind="hoverProps"
                     :to="{ name: item.link }"
-                    class="px-1 py-1 text-decoration-none"
+                    class="px-1 py-1 text-decoration-none font-weight-medium"
                     :class="
-                        isHovering
-                            ? 'text-primary font-weight-medium'
-                            : 'text-medium-emphasis font-weight-medium'
+                        isHovering ? 'text-primary' : 'text-medium-emphasis'
                     "
                 >
                     {{ item.label }}