Centralizes BootstrapVariant type definition

Moves the BootstrapVariant type definition to a common index file and imports it in the files that previously had duplicate definitions.

Eliminates code duplication and ensures consistency across components by having a single source of truth for Bootstrap variant types.

Adds missing "outline-link" variant to the centralized definition.

Author: itisAliRH

client/src/components/Common/GCard.types.ts

@@ -1,29 +1,11 @@
 import type { SizeProp } from "@fortawesome/fontawesome-svg-core";
 import type { IconDefinition } from "@fortawesome/free-solid-svg-icons";
 
+import type { BootstrapVariant } from "@/components/Common";
+
 /** Card badge display styles */
 export type CardBadgeType = "pill" | "badge";
 
-/** Bootstrap color variants for theming */
-export type BootstrapVariant =
-    | "danger"
-    | "dark"
-    | "info"
-    | "light"
-    | "link"
-    | "primary"
-    | "secondary"
-    | "success"
-    | "warning"
-    | "outline-danger"
-    | "outline-dark"
-    | "outline-info"
-    | "outline-light"
-    | "outline-primary"
-    | "outline-secondary"
-    | "outline-success"
-    | "outline-warning";
-
 /** Bootstrap component sizes */
 export type BootstrapSize = "xs" | "sm" | "md" | "lg" | "xl";
 

client/src/components/Common/index.ts

@@ -1,6 +1,29 @@
 import type { IconDefinition } from "@fortawesome/fontawesome-svg-core";
 import type { RawLocation } from "vue-router";
 
+/**
+ * Bootstrap Vue variants for styling components.
+ */
+export type BootstrapVariant =
+    | "primary"
+    | "secondary"
+    | "success"
+    | "danger"
+    | "warning"
+    | "info"
+    | "light"
+    | "link"
+    | "dark"
+    | "outline-primary"
+    | "outline-secondary"
+    | "outline-success"
+    | "outline-danger"
+    | "outline-warning"
+    | "outline-info"
+    | "outline-light"
+    | "outline-link"
+    | "outline-dark";
+
 // TODO: Not sure if this is the best place for this type
 export type ColorVariant = "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "light" | "dark";
 

client/src/composables/confirmDialog.ts

@@ -1,25 +1,6 @@
 import { type Ref, ref } from "vue";
 
-/**
- * Bootstrap Vue variants for styling components.
- */
-export type BootstrapVariant =
-    | "primary"
-    | "secondary"
-    | "success"
-    | "warning"
-    | "danger"
-    | "info"
-    | "light"
-    | "dark"
-    | "outline-primary"
-    | "outline-secondary"
-    | "outline-success"
-    | "outline-warning"
-    | "outline-danger"
-    | "outline-info"
-    | "outline-light"
-    | "outline-dark";
+import type { BootstrapVariant } from "@/components/Common";
 
 /**
  * Bootstrap Vue modal message box options interface.