chore: add a note about unavailable instaces (#3100)

Co-authored-by: Bnyro <82752168+Bnyro@users.noreply.github.com>

src/components/PreferencesPage.vue

@@ -263,6 +263,7 @@
     </label>
 
     <h2 v-t="'titles.instance'" class="text-center" />
+    <p v-t="'actions.instances_not_shown'" class="text-center" />
     <label class="pref" for="ddlInstanceSelection">
         <strong v-text="`${$t('actions.instance_selection')}:`" />
         <select id="ddlInstanceSelection" v-model="selectedInstance" class="select w-auto" @change="onChange($event)">

src/locales/en.json

@@ -32,6 +32,7 @@
         "channel_name_desc": "Channel Name (Z-A)",
         "back": "Back",
         "uses_api_from": "Uses the API from ",
+        "instances_not_shown": "Public instances that are not shown here are currently unavailable.",
         "enable_sponsorblock": "Enable Sponsorblock",
         "skip_button_only": "Show skip button",
         "skip_automatically": "Automatically",