feat: Offline Shopping List (#3760)

Co-authored-by: boc-the-git <3479092+boc-the-git@users.noreply.github.com>

frontend/components/global/BannerWarning.vue

@@ -0,0 +1,26 @@
+<template>
+  <v-alert border="left" colored-border type="warning" elevation="2" :icon="$globals.icons.alert">
+    <b v-if="title">{{ title }}</b>
+    <div v-if="description">{{ description }}</div>
+    <div v-if="$slots.default" class="py-2">
+      <slot></slot>
+    </div>
+  </v-alert>
+</template>
+
+<script lang="ts">
+export default {
+  props: {
+    title: {
+      type: String,
+      required: false,
+      default: "",
+    },
+    description: {
+      type: String,
+      required: false,
+      default: "",
+    },
+  },
+};
+</script>