feat: add message to note what directories shouldn't be used

src/components/TheStartupChecks.vue

@@ -15,6 +15,15 @@
         :hide-open="true"
         :label="`To get started, select your ${modpack.name} installation directory:`"
       />
+      <span class="c-startup__directory-note">
+        Note: you should not install modpacks to any of
+        <BaseLink
+          href="https://github.com/Wildlander-mod/Launcher/wiki/Directories-you-should-avoid-installing-a-modpack-in"
+          :underline="true"
+        >
+          these directories</BaseLink
+        >.
+      </span>
     </AppModal>
   </div>
 </template>
@@ -24,16 +33,18 @@ import { Options, Vue } from "vue-class-component";
 import AppModal from "@/components/AppModal.vue";
 import ModDirectory from "@/components/ModDirectory.vue";
 import AutoUpdate from "@/components/AutoUpdate.vue";
+import BaseImage from "@/components/BaseImage.vue";
+import BaseLink from "@/components/BaseLink.vue";
 import {
   Modpack,
   modpack,
   USER_PREFERENCE_KEYS,
   userPreferences,
 } from "@/main/config";
-import BaseImage from "@/components/BaseImage.vue";
 
 @Options({
   components: {
+    BaseLink,
     BaseImage,
     AppModal,
     ModDirectory,
@@ -86,4 +97,10 @@ export default class TheStartupChecks extends Vue {
 .c-startup__logo {
   margin-bottom: $size-spacing--x-large;
 }
+
+.c-startup__directory-note {
+  font-style: italic;
+  font-size: $font-size;
+  margin-top: $size-spacing;
+}
 </style>