fix: style improvements

- fix style
- effect color palette
- fix navbar setup
- add borgar
- "Join" on discord button

src/components/molecules/LearningResourceWrapper.vue

@@ -1,20 +1,19 @@
 <template>
-  <div class="box m-3 p-3 columns is-vcentered">
+  <div class="box columns is-vcentered">
     <div class="column is-one-quarter" v-if="image">
-      <figure class="image is-128x128">
-        <img :src="image" :alt="alt" />
+      <figure class="image">
+        <img :src="image" :alt="alt" :title="alt"/>
       </figure>
     </div>
     <div class="column">
       <h4 class="title">{{ title }}</h4>
-      <p class="has-text-white is-size-5 mb-3">{{ desc }}</p>
+      <p class="">{{ desc }}</p>
       <a
         :href="link"
         target="_blank"
         rel="noopener noreferrer nofollow"
-        class="button is-link is-medium has-text-white"
-      >
-        {{ link }}
+        class="button is-link is-medium"
+        :text="linkText">
       </a>
     </div>
   </div>
@@ -25,6 +24,7 @@ defineProps({
   title: String,
   desc: String,
   link: String,
+  linkText: String,
   image: { type: String, required: false },
   alt: { type: String, required: false },
 })