add "show announcements" toggles

frontend/components/Domain/Group/GroupPreferencesEditor.vue

@@ -19,6 +19,20 @@
         />
       </div>
     </div>
+    <div class="mb-6">
+      <v-checkbox
+        v-model="preferences.showAnnouncements"
+        hide-details
+        density="compact"
+        color="primary"
+        :label="$t('announcements.show-announcements-from-mealie')"
+      />
+      <div class="ml-8">
+        <p class="text-subtitle-2 my-0 py-0">
+          {{ $t("announcements.show-announcements-setting-description") }}
+        </p>
+      </div>
+    </div>
   </div>
 </template>
 

frontend/components/Domain/Household/HouseholdPreferencesEditor.vue

@@ -18,6 +18,20 @@
         </p>
       </div>
     </div>
+    <div class="mb-6">
+      <v-checkbox
+        v-model="preferences.showAnnouncements"
+        hide-details
+        density="compact"
+        color="primary"
+        :label="$t('announcements.show-announcements-from-mealie')"
+      />
+      <div class="ml-8">
+        <p class="text-subtitle-2 my-0 py-0">
+          {{ $t("announcements.show-announcements-setting-description") }}
+        </p>
+      </div>
+    </div>
     <v-select
       v-model="preferences.firstDayOfWeek"
       :prepend-icon="$globals.icons.calendarWeekBegin"

frontend/lang/messages/en-US.json

@@ -1472,5 +1472,9 @@
     "no-whitespace": "No Whitespace Allowed",
     "min-length": "Must Be At Least {min} Characters",
     "max-length": "Must Be At Most {max} Character|Must Be At Most {max} Characters"
+  },
+  "announcements": {
+    "show-announcements-from-mealie": "Show announcements from Mealie",
+    "show-announcements-setting-description": "Whether or not you want to allow users to see announcements from Mealie. When enabled users can still opt-out from seeing them in their user settings"
   }
 }

frontend/pages/user/profile/edit.vue

@@ -183,8 +183,16 @@
             validate-on="blur"
             persistent-hint
           />
+          <v-checkbox
+            v-model="userCopy.showAnnouncements"
+            hide-details
+            :label="$t('announcements.show-announcements-from-mealie')"
+            color="primary"
+            @change="updateUser"
+          />
           <v-checkbox
             v-model="userCopy.advanced"
+            hide-details
             :label="$t('profile.show-advanced-description')"
             color="primary"
             @change="updateUser"
@@ -268,6 +276,7 @@ async function updateUser() {
     admin: userData.admin,
     group: userData.group,
     household: userData.household,
+    showAnnouncements: userData.showAnnouncements,
     advanced: userData.advanced,
     canInvite: userData.canInvite,
     canManage: userData.canManage,