fix: refactor link styles in OIDC and Templates documentation to use a shared class

Author: abhinavxd

frontend/src/assets/styles/main.scss

@@ -359,3 +359,10 @@ a[data-active='false']:hover {
 [data-radix-popper-content-wrapper] {
   z-index: 9999 !important;
 }
+
+// Components
+@layer components {
+  .link-style {
+    @apply text-blue-500 hover:underline;
+  }
+}

frontend/src/views/admin/oidc/OIDC.vue

@@ -10,7 +10,7 @@
         href="https://libredesk.io/docs/sso/"
         target="_blank"
         rel="noopener noreferrer"
-        class="text-blue-500 hover:underline"
+        class="link-style"
       >
         <p>Learn more</p>
       </a>

frontend/src/views/admin/templates/Templates.vue

@@ -48,7 +48,7 @@
       <template #help>
         <p>Design templates for customer communications and responses.</p>
         <p>Modify content for internal and external emails.</p>
-        <a href="https://libredesk.io/docs/templating/" target="_blank" rel="noopener noreferrer" class="text-blue-500 hover:underline">
+        <a href="https://libredesk.io/docs/templating/" target="_blank" rel="noopener noreferrer" class="link-style">
           <p>Learn more</p>
         </a>
       </template>