feat(settings): render title and menu image in notification

app/components/Settings/BottomScreen/Menus/ClockMenu.vue

@@ -9,10 +9,10 @@ import DATE_IMAGE from "/assets/images/settings/top-screen/clock/date.webp";
 const props = defineProps<{
   x: number;
   y: number;
-  isOpen: boolean;
-  isAnyOtherMenuOpen: boolean;
 }>();
 
+const settingsStore = useSettingsStore();
+
 const [
   menuImage,
   menuActiveImage,
@@ -29,12 +29,17 @@ const [
   DATE_IMAGE,
 );
 
-const animation = useMenuAnimation(toRef(() => props.isOpen));
+const isOpen = computed(() => settingsStore.isMenuOpen("clock"));
+const isAnyOtherMenuOpen = computed(() =>
+  settingsStore.isAnyOtherMenuOpen("clock"),
+);
+
+const animation = useMenuAnimation(isOpen);
 
 useRender((ctx) => {
   ctx.translate(props.x, props.y);
 
-  if (props.isOpen || animation.playing) {
+  if (isOpen.value || animation.playing) {
     ctx.drawImage(
       timeImage!,
       48 - animation.stage2Offset,
@@ -48,7 +53,7 @@ useRender((ctx) => {
     ctx.drawImage(alarmImage!, 0, -48 + animation.stage1Offset);
 
     ctx.drawImage(menuActiveImage!, 0, 0);
-  } else if (props.isAnyOtherMenuOpen) {
+  } else if (isAnyOtherMenuOpen.value) {
     ctx.drawImage(menuDisabledImage!, 0, 0);
   } else {
     ctx.drawImage(menuImage!, 0, 0);