diff --git a/frontend/src/assets/scss/dark.module.scss b/frontend/src/assets/scss/dark.module.scss
index 599cb3c90a..05eaa133c3 100644
--- a/frontend/src/assets/scss/dark.module.scss
+++ b/frontend/src/assets/scss/dark.module.scss
@@ -7,7 +7,7 @@ $info-color: #2196f3;
 $success-color: #4caf50;
 $warning-color: #ffeb3b;
 $border-color: #d6dfe9;
-$border-opacity: 0.1;
+$border-opacity: 0.4;
 $font-color: #222;
 $icon-color: #F5F5F5;
 $icon-background: rgb(61 71 83 / 85%);
diff --git a/frontend/src/components/menu/BottomMenu.vue b/frontend/src/components/menu/BottomMenu.vue
index e40243062e..b449801740 100644
--- a/frontend/src/components/menu/BottomMenu.vue
+++ b/frontend/src/components/menu/BottomMenu.vue
@@ -2,12 +2,10 @@
   <div
     class="bottom-menu d-flex w-100 position-fixed bottom-0 justify-space-around align-center py-2 bg-surface"
   >
-    <MessageIndicator :number-of-messages="3" />
-    <NewsIndicator :has-news="true" />
-    <CreateButtonMobile />
     <Circle class="camera-button">
       <v-icon icon="$camera"></v-icon>
     </Circle>
+    <CreateButtonMobile />
     <UserInfo />
   </div>
 </template>
@@ -16,8 +14,6 @@
 import CreateButtonMobile from '#components/buttons/CreateButtonMobile.vue'
 
 import Circle from './CircleElement.vue'
-import MessageIndicator from './MessageIndicator.vue'
-import NewsIndicator from './NewsIndicator.vue'
 import UserInfo from './UserInfo.vue'
 </script>
 
diff --git a/frontend/src/components/menu/MessageIndicator.test.ts b/frontend/src/components/menu/MessageIndicator.test.ts
new file mode 100644
index 0000000000..c50b5e3511
--- /dev/null
+++ b/frontend/src/components/menu/MessageIndicator.test.ts
@@ -0,0 +1,31 @@
+import { mount } from '@vue/test-utils'
+import { describe, it, expect, beforeEach, afterEach } from 'vitest'
+
+import MessageIndicator from './MessageIndicator.vue'
+
+describe('LogoImage', () => {
+  const Wrapper = () => {
+    return mount(MessageIndicator)
+  }
+
+  let wrapper: ReturnType<typeof Wrapper>
+
+  beforeEach(() => {
+    wrapper = Wrapper()
+  })
+
+  afterEach(() => {
+    wrapper.unmount()
+  })
+
+  it('renders', () => {
+    expect(wrapper.element).toMatchSnapshot()
+  })
+
+  it('displays the number of messages', async () => {
+    await wrapper.setProps({ numberOfMessages: 1 })
+    expect(wrapper.text()).toContain('1')
+    await wrapper.setProps({ numberOfMessages: 5 })
+    expect(wrapper.text()).toContain('5')
+  })
+})
diff --git a/frontend/src/components/menu/NewsIndicator.test.ts b/frontend/src/components/menu/NewsIndicator.test.ts
new file mode 100644
index 0000000000..ceca37748c
--- /dev/null
+++ b/frontend/src/components/menu/NewsIndicator.test.ts
@@ -0,0 +1,24 @@
+import { mount } from '@vue/test-utils'
+import { describe, it, expect, beforeEach, afterEach } from 'vitest'
+
+import NewsIndicator from './NewsIndicator.vue'
+
+describe('LogoImage', () => {
+  const Wrapper = () => {
+    return mount(NewsIndicator)
+  }
+
+  let wrapper: ReturnType<typeof Wrapper>
+
+  beforeEach(() => {
+    wrapper = Wrapper()
+  })
+
+  afterEach(() => {
+    wrapper.unmount()
+  })
+
+  it('renders', () => {
+    expect(wrapper.element).toMatchSnapshot()
+  })
+})
diff --git a/frontend/src/components/menu/TopMenu.vue b/frontend/src/components/menu/TopMenu.vue
index a30bf3ccb6..009b7d0144 100644
--- a/frontend/src/components/menu/TopMenu.vue
+++ b/frontend/src/components/menu/TopMenu.vue
@@ -3,7 +3,9 @@
     <v-app-bar flat class="app-bar" height="70px">
       <v-row class="ma-1">
         <v-col class="d-none d-md-flex align-center">
-          <MessageIndicator :number-of-messages="3" />
+          <a href="/" class="logo">
+            <LogoImage size="small" />
+          </a>
         </v-col>
         <v-col class="d-flex align-center justify-center">
           <TabControl />
@@ -17,7 +19,6 @@
               <Circle>
                 <v-icon icon="$camera"></v-icon>
               </Circle>
-              <NewsIndicator :has-news="true" class="ml-2" />
               <UserInfo class="ml-2" />
             </v-col>
           </v-row>
@@ -30,8 +31,7 @@
 <script lang="ts" setup>
 import Circle from './CircleElement.vue'
 import LightDarkSwitch from './LightDarkSwitch.vue'
-import MessageIndicator from './MessageIndicator.vue'
-import NewsIndicator from './NewsIndicator.vue'
+import LogoImage from './LogoImage.vue'
 import TabControl from './TabControl.vue'
 import UserInfo from './UserInfo.vue'
 </script>
@@ -42,6 +42,10 @@ import UserInfo from './UserInfo.vue'
   background: transparent !important;
 }
 
+.logo {
+  width: 140px;
+}
+
 .top-menu {
   position: sticky;
   top: 0;
diff --git a/frontend/src/components/menu/UserInfo.vue b/frontend/src/components/menu/UserInfo.vue
index 6047afb18e..512a8da232 100644
--- a/frontend/src/components/menu/UserInfo.vue
+++ b/frontend/src/components/menu/UserInfo.vue
@@ -10,7 +10,7 @@
           <v-img v-if="userImage" :src="userImage" />
           <span v-else>{{ initals?.toUpperCase() }}</span>
         </v-avatar>
-        <div class="d-flex flex-column justify-center text-right pa-1 pl-3 w-100">
+        <div class="d-flex flex-column justify-center text-right pa-3 pl-4 w-100">
           <v-icon icon="$ellipsis" data-test="user-dropdown"></v-icon>
         </div>
       </button>
@@ -50,6 +50,9 @@ const userImage = authStore.user?.profile.picture
 }
 
 .avatar {
+  width: calc(var(--menu-icon-height) - 6px) !important;
+  height: calc(var(--menu-icon-height) - 6px) !important;
+  margin: 3px !important;
   border-color: rgb(var(--v-theme-border) 0.8);
 }
 </style>
diff --git a/frontend/src/components/menu/__snapshots__/BottomMenu.test.ts.snap b/frontend/src/components/menu/__snapshots__/BottomMenu.test.ts.snap
index 861a22836c..acd0e7febf 100644
--- a/frontend/src/components/menu/__snapshots__/BottomMenu.test.ts.snap
+++ b/frontend/src/components/menu/__snapshots__/BottomMenu.test.ts.snap
@@ -13,80 +13,30 @@ exports[`BottomMenu > renders BottomMenu 1`] = `
       data-v-96a196cc=""
     >
       <div
-        class="message-indicator"
-        data-v-6b63f7d9=""
-        data-v-96a196cc=""
-      >
-        <div
-          class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center"
-          data-v-39e8094e=""
-          data-v-6b63f7d9=""
-        >
-          
-          <i
-            aria-hidden="true"
-            class="v-icon notranslate v-theme--light v-icon--size-default"
-            data-v-6b63f7d9=""
-          >
-            <svg
-              fill="none"
-              height="20"
-              viewBox="0 0 20 20"
-              width="20"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M17.6199 4.28609H16.6675V11.9051C16.6675 12.4289 16.239 12.8575 15.7151 12.8575H4.28657V13.8099C4.28657 14.8575 5.14372 15.7147 6.19134 15.7147H15.7151L19.5247 19.5242V6.19085C19.5247 5.14323 18.6675 4.28609 17.6199 4.28609ZM14.7628 9.04799V2.38132C14.7628 1.33371 13.9056 0.476562 12.858 0.476562H2.38181C1.33419 0.476562 0.477051 1.33371 0.477051 2.38132V14.7623L4.28657 10.9528H12.858C13.9056 10.9528 14.7628 10.0956 14.7628 9.04799Z"
-                fill="currentColor"
-              />
-            </svg>
-          </i>
-          
-        </div>
-        <div
-          class="count d-flex justify-center align-center"
-          data-show-count="true"
-          data-v-6b63f7d9=""
-        >
-          3
-        </div>
-      </div>
-      <div
-        class="news-indicator"
-        data-v-5cc937bd=""
+        class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center camera-button"
+        data-v-39e8094e=""
         data-v-96a196cc=""
       >
-        <div
-          class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center"
-          data-v-39e8094e=""
-          data-v-5cc937bd=""
+        
+        <i
+          aria-hidden="true"
+          class="v-icon notranslate v-theme--light v-icon--size-default"
+          data-v-96a196cc=""
         >
-          
-          <i
-            aria-hidden="true"
-            class="v-icon notranslate v-theme--light v-icon--size-default"
-            data-v-5cc937bd=""
+          <svg
+            fill="none"
+            height="17"
+            viewBox="0 0 21 17"
+            width="21"
+            xmlns="http://www.w3.org/2000/svg"
           >
-            <svg
-              fill="none"
-              height="20"
-              viewBox="0 0 16 20"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M0.381348 16.7172V14.8088H2.28971V8.12956C2.28971 6.80961 2.68729 5.63676 3.48244 4.61101C4.2776 3.58526 5.31129 2.91336 6.58354 2.5953V1.92737C6.58354 1.52979 6.72269 1.19185 7.00099 0.913549C7.2793 0.635245 7.61724 0.496094 8.01481 0.496094C8.41239 0.496094 8.75033 0.635245 9.02863 0.913549C9.30694 1.19185 9.44609 1.52979 9.44609 1.92737V2.5953C10.7183 2.91336 11.752 3.58526 12.5472 4.61101C13.3423 5.63676 13.7399 6.80961 13.7399 8.12956V14.8088H15.6483V16.7172H0.381348ZM8.01481 19.5798C7.49001 19.5798 7.04075 19.3929 6.66703 19.0192C6.29331 18.6455 6.10645 18.1962 6.10645 17.6714H9.92318C9.92318 18.1962 9.73632 18.6455 9.3626 19.0192C8.98888 19.3929 8.53961 19.5798 8.01481 19.5798ZM4.19808 14.8088H11.8315V8.12956C11.8315 7.07996 11.4578 6.18143 10.7104 5.43399C9.96294 4.68655 9.06441 4.31283 8.01481 4.31283C6.96521 4.31283 6.06669 4.68655 5.31925 5.43399C4.5718 6.18143 4.19808 7.07996 4.19808 8.12956V14.8088Z"
-                fill="currentColor"
-              />
-            </svg>
-          </i>
-          
-        </div>
-        <div
-          class="marker d-flex justify-center align-center rounded-circle"
-          data-show-marker="true"
-          data-v-5cc937bd=""
-        />
+            <path
+              d="M7.68844 12.4824H9.66834V9.51172H12.6382V7.53125H9.66834V4.56055H7.68844V7.53125H4.71859V9.51172H7.68844V12.4824ZM2.73869 16.4434C2.19422 16.4434 1.72812 16.2494 1.34038 15.8616C0.952654 15.4738 0.758789 15.0075 0.758789 14.4629V2.58008C0.758789 2.03545 0.952654 1.56921 1.34038 1.18137C1.72812 0.79353 2.19422 0.599609 2.73869 0.599609H14.6181C15.1626 0.599609 15.6287 0.79353 16.0164 1.18137C16.4041 1.56921 16.598 2.03545 16.598 2.58008V7.03613L20.5578 3.0752V13.9678L16.598 10.0068V14.4629C16.598 15.0075 16.4041 15.4738 16.0164 15.8616C15.6287 16.2494 15.1626 16.4434 14.6181 16.4434H2.73869ZM2.73869 14.4629H14.6181V2.58008H2.73869V14.4629Z"
+              fill="currentColor"
+            />
+          </svg>
+        </i>
+        
       </div>
       <div
         class="create-button-container"
@@ -584,32 +534,6 @@ exports[`BottomMenu > renders BottomMenu 1`] = `
           </div>
         </div>
       </div>
-      <div
-        class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center camera-button"
-        data-v-39e8094e=""
-        data-v-96a196cc=""
-      >
-        
-        <i
-          aria-hidden="true"
-          class="v-icon notranslate v-theme--light v-icon--size-default"
-          data-v-96a196cc=""
-        >
-          <svg
-            fill="none"
-            height="17"
-            viewBox="0 0 21 17"
-            width="21"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M7.68844 12.4824H9.66834V9.51172H12.6382V7.53125H9.66834V4.56055H7.68844V7.53125H4.71859V9.51172H7.68844V12.4824ZM2.73869 16.4434C2.19422 16.4434 1.72812 16.2494 1.34038 15.8616C0.952654 15.4738 0.758789 15.0075 0.758789 14.4629V2.58008C0.758789 2.03545 0.952654 1.56921 1.34038 1.18137C1.72812 0.79353 2.19422 0.599609 2.73869 0.599609H14.6181C15.1626 0.599609 15.6287 0.79353 16.0164 1.18137C16.4041 1.56921 16.598 2.03545 16.598 2.58008V7.03613L20.5578 3.0752V13.9678L16.598 10.0068V14.4629C16.598 15.0075 16.4041 15.4738 16.0164 15.8616C15.6287 16.2494 15.1626 16.4434 14.6181 16.4434H2.73869ZM2.73869 14.4629H14.6181V2.58008H2.73869V14.4629Z"
-              fill="currentColor"
-            />
-          </svg>
-        </i>
-        
-      </div>
       
       
       <button
@@ -640,7 +564,7 @@ exports[`BottomMenu > renders BottomMenu 1`] = `
           
         </div>
         <div
-          class="d-flex flex-column justify-center text-right pa-1 pl-3 w-100"
+          class="d-flex flex-column justify-center text-right pa-3 pl-4 w-100"
           data-v-607bdd70=""
         >
           <i
diff --git a/frontend/src/components/menu/__snapshots__/MessageIndicator.test.ts.snap b/frontend/src/components/menu/__snapshots__/MessageIndicator.test.ts.snap
new file mode 100644
index 0000000000..c85f7f319d
--- /dev/null
+++ b/frontend/src/components/menu/__snapshots__/MessageIndicator.test.ts.snap
@@ -0,0 +1,40 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`LogoImage > renders 1`] = `
+<div
+  class="message-indicator"
+  data-v-6b63f7d9=""
+>
+  <div
+    class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center"
+    data-v-39e8094e=""
+    data-v-6b63f7d9=""
+  >
+    
+    <i
+      aria-hidden="true"
+      class="v-icon notranslate v-theme--light v-icon--size-default"
+      data-v-6b63f7d9=""
+    >
+      <svg
+        fill="none"
+        height="20"
+        viewBox="0 0 20 20"
+        width="20"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M17.6199 4.28609H16.6675V11.9051C16.6675 12.4289 16.239 12.8575 15.7151 12.8575H4.28657V13.8099C4.28657 14.8575 5.14372 15.7147 6.19134 15.7147H15.7151L19.5247 19.5242V6.19085C19.5247 5.14323 18.6675 4.28609 17.6199 4.28609ZM14.7628 9.04799V2.38132C14.7628 1.33371 13.9056 0.476562 12.858 0.476562H2.38181C1.33419 0.476562 0.477051 1.33371 0.477051 2.38132V14.7623L4.28657 10.9528H12.858C13.9056 10.9528 14.7628 10.0956 14.7628 9.04799Z"
+          fill="currentColor"
+        />
+      </svg>
+    </i>
+    
+  </div>
+  <div
+    class="count d-flex justify-center align-center"
+    data-show-count="false"
+    data-v-6b63f7d9=""
+  />
+</div>
+`;
diff --git a/frontend/src/components/menu/__snapshots__/NewsIndicator.test.ts.snap b/frontend/src/components/menu/__snapshots__/NewsIndicator.test.ts.snap
new file mode 100644
index 0000000000..7d43b60174
--- /dev/null
+++ b/frontend/src/components/menu/__snapshots__/NewsIndicator.test.ts.snap
@@ -0,0 +1,40 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`LogoImage > renders 1`] = `
+<div
+  class="news-indicator"
+  data-v-5cc937bd=""
+>
+  <div
+    class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center"
+    data-v-39e8094e=""
+    data-v-5cc937bd=""
+  >
+    
+    <i
+      aria-hidden="true"
+      class="v-icon notranslate v-theme--light v-icon--size-default"
+      data-v-5cc937bd=""
+    >
+      <svg
+        fill="none"
+        height="20"
+        viewBox="0 0 16 20"
+        width="16"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M0.381348 16.7172V14.8088H2.28971V8.12956C2.28971 6.80961 2.68729 5.63676 3.48244 4.61101C4.2776 3.58526 5.31129 2.91336 6.58354 2.5953V1.92737C6.58354 1.52979 6.72269 1.19185 7.00099 0.913549C7.2793 0.635245 7.61724 0.496094 8.01481 0.496094C8.41239 0.496094 8.75033 0.635245 9.02863 0.913549C9.30694 1.19185 9.44609 1.52979 9.44609 1.92737V2.5953C10.7183 2.91336 11.752 3.58526 12.5472 4.61101C13.3423 5.63676 13.7399 6.80961 13.7399 8.12956V14.8088H15.6483V16.7172H0.381348ZM8.01481 19.5798C7.49001 19.5798 7.04075 19.3929 6.66703 19.0192C6.29331 18.6455 6.10645 18.1962 6.10645 17.6714H9.92318C9.92318 18.1962 9.73632 18.6455 9.3626 19.0192C8.98888 19.3929 8.53961 19.5798 8.01481 19.5798ZM4.19808 14.8088H11.8315V8.12956C11.8315 7.07996 11.4578 6.18143 10.7104 5.43399C9.96294 4.68655 9.06441 4.31283 8.01481 4.31283C6.96521 4.31283 6.06669 4.68655 5.31925 5.43399C4.5718 6.18143 4.19808 7.07996 4.19808 8.12956V14.8088Z"
+          fill="currentColor"
+        />
+      </svg>
+    </i>
+    
+  </div>
+  <div
+    class="marker d-flex justify-center align-center rounded-circle"
+    data-show-marker="false"
+    data-v-5cc937bd=""
+  />
+</div>
+`;
diff --git a/frontend/src/components/menu/__snapshots__/TopMenu.test.ts.snap b/frontend/src/components/menu/__snapshots__/TopMenu.test.ts.snap
index 67ff668846..249ceddb59 100644
--- a/frontend/src/components/menu/__snapshots__/TopMenu.test.ts.snap
+++ b/frontend/src/components/menu/__snapshots__/TopMenu.test.ts.snap
@@ -34,45 +34,49 @@ exports[`TopMenu > renders 1`] = `
               class="v-col d-none d-md-flex align-center"
               data-v-e787b5f9=""
             >
-              <div
-                class="message-indicator"
-                data-v-6b63f7d9=""
+              <a
+                class="logo"
                 data-v-e787b5f9=""
+                href="/"
               >
                 <div
-                  class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center"
-                  data-v-39e8094e=""
-                  data-v-6b63f7d9=""
+                  class="v-responsive v-img v-img--booting w-100 logo-small"
+                  data-v-e787b5f9=""
+                  data-v-f6be2607=""
                 >
+                  <div
+                    class="v-responsive__sizer"
+                  />
                   
-                  <i
-                    aria-hidden="true"
-                    class="v-icon notranslate v-theme--light v-icon--size-default"
-                    data-v-6b63f7d9=""
+                  
+                  <transition-stub
+                    appear="true"
+                    css="true"
+                    name="fade-transition"
+                    persisted="false"
                   >
-                    <svg
-                      fill="none"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M17.6199 4.28609H16.6675V11.9051C16.6675 12.4289 16.239 12.8575 15.7151 12.8575H4.28657V13.8099C4.28657 14.8575 5.14372 15.7147 6.19134 15.7147H15.7151L19.5247 19.5242V6.19085C19.5247 5.14323 18.6675 4.28609 17.6199 4.28609ZM14.7628 9.04799V2.38132C14.7628 1.33371 13.9056 0.476562 12.858 0.476562H2.38181C1.33419 0.476562 0.477051 1.33371 0.477051 2.38132V14.7623L4.28657 10.9528H12.858C13.9056 10.9528 14.7628 10.0956 14.7628 9.04799Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                  </i>
+                    <img
+                      class="v-img__img v-img__img--contain"
+                      src="/src/assets/dreammall-logo.svg"
+                      style="display: none;"
+                    />
+                  </transition-stub>
+                  <transition-stub
+                    appear="false"
+                    css="true"
+                    name="fade-transition"
+                    persisted="false"
+                  >
+                    <!---->
+                  </transition-stub>
+                  <!---->
+                  <!---->
+                  <!---->
                   
+                  
+                  <!---->
                 </div>
-                <div
-                  class="count d-flex justify-center align-center"
-                  data-show-count="true"
-                  data-v-6b63f7d9=""
-                >
-                  3
-                </div>
-              </div>
+              </a>
             </div>
             <div
               class="v-col d-flex align-center justify-center"
@@ -660,43 +664,6 @@ exports[`TopMenu > renders 1`] = `
                     </i>
                     
                   </div>
-                  <div
-                    class="news-indicator ml-2"
-                    data-v-5cc937bd=""
-                    data-v-e787b5f9=""
-                  >
-                    <div
-                      class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center"
-                      data-v-39e8094e=""
-                      data-v-5cc937bd=""
-                    >
-                      
-                      <i
-                        aria-hidden="true"
-                        class="v-icon notranslate v-theme--light v-icon--size-default"
-                        data-v-5cc937bd=""
-                      >
-                        <svg
-                          fill="none"
-                          height="20"
-                          viewBox="0 0 16 20"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M0.381348 16.7172V14.8088H2.28971V8.12956C2.28971 6.80961 2.68729 5.63676 3.48244 4.61101C4.2776 3.58526 5.31129 2.91336 6.58354 2.5953V1.92737C6.58354 1.52979 6.72269 1.19185 7.00099 0.913549C7.2793 0.635245 7.61724 0.496094 8.01481 0.496094C8.41239 0.496094 8.75033 0.635245 9.02863 0.913549C9.30694 1.19185 9.44609 1.52979 9.44609 1.92737V2.5953C10.7183 2.91336 11.752 3.58526 12.5472 4.61101C13.3423 5.63676 13.7399 6.80961 13.7399 8.12956V14.8088H15.6483V16.7172H0.381348ZM8.01481 19.5798C7.49001 19.5798 7.04075 19.3929 6.66703 19.0192C6.29331 18.6455 6.10645 18.1962 6.10645 17.6714H9.92318C9.92318 18.1962 9.73632 18.6455 9.3626 19.0192C8.98888 19.3929 8.53961 19.5798 8.01481 19.5798ZM4.19808 14.8088H11.8315V8.12956C11.8315 7.07996 11.4578 6.18143 10.7104 5.43399C9.96294 4.68655 9.06441 4.31283 8.01481 4.31283C6.96521 4.31283 6.06669 4.68655 5.31925 5.43399C4.5718 6.18143 4.19808 7.07996 4.19808 8.12956V14.8088Z"
-                            fill="currentColor"
-                          />
-                        </svg>
-                      </i>
-                      
-                    </div>
-                    <div
-                      class="marker d-flex justify-center align-center rounded-circle"
-                      data-show-marker="true"
-                      data-v-5cc937bd=""
-                    />
-                  </div>
                   
                   
                   <button
@@ -727,7 +694,7 @@ exports[`TopMenu > renders 1`] = `
                       
                     </div>
                     <div
-                      class="d-flex flex-column justify-center text-right pa-1 pl-3 w-100"
+                      class="d-flex flex-column justify-center text-right pa-3 pl-4 w-100"
                       data-v-607bdd70=""
                     >
                       <i
diff --git a/frontend/src/components/menu/__snapshots__/UserInfo.test.ts.snap b/frontend/src/components/menu/__snapshots__/UserInfo.test.ts.snap
index 21e05de3db..a8bc5ac7b3 100644
--- a/frontend/src/components/menu/__snapshots__/UserInfo.test.ts.snap
+++ b/frontend/src/components/menu/__snapshots__/UserInfo.test.ts.snap
@@ -38,7 +38,7 @@ exports[`UserInfo > renders 1`] = `
         
       </div>
       <div
-        class="d-flex flex-column justify-center text-right pa-1 pl-3 w-100"
+        class="d-flex flex-column justify-center text-right pa-3 pl-4 w-100"
         data-v-607bdd70=""
       >
         <i
diff --git a/frontend/src/layouts/DefaultLayout.vue b/frontend/src/layouts/DefaultLayout.vue
index 0a84698f3b..5b58c03ea6 100644
--- a/frontend/src/layouts/DefaultLayout.vue
+++ b/frontend/src/layouts/DefaultLayout.vue
@@ -1,8 +1,5 @@
 <template>
   <v-main class="bg-background main-layout">
-    <a href="/" class="logo d-none d-md-flex">
-      <LogoImage size="small" />
-    </a>
     <TopMenu />
     <v-container fluid class="page-container px-8">
       <v-row>
@@ -26,7 +23,6 @@
 import { useSlots } from 'vue'
 
 import BottomMenu from '#components/menu/BottomMenu.vue'
-import LogoImage from '#components/menu/LogoImage.vue'
 import TopMenu from '#components/menu/TopMenu.vue'
 
 const slots = useSlots()
@@ -58,12 +54,4 @@ const slots = useSlots()
     }
   }
 }
-
-.logo {
-  position: absolute;
-  top: 20px;
-  left: 90px;
-  z-index: 1;
-  width: 140px;
-}
 </style>
diff --git a/frontend/src/layouts/__snapshots__/DefaultLayout.test.ts.snap b/frontend/src/layouts/__snapshots__/DefaultLayout.test.ts.snap
index ce0fc9a0dc..c3b6c69a2b 100644
--- a/frontend/src/layouts/__snapshots__/DefaultLayout.test.ts.snap
+++ b/frontend/src/layouts/__snapshots__/DefaultLayout.test.ts.snap
@@ -14,49 +14,6 @@ exports[`DefaultLayout > renders 1`] = `
       style="--v-layout-left: 0px; --v-layout-right: 0px; --v-layout-top: NaN; --v-layout-bottom: 0px; transition: none !important;"
     >
       
-      <a
-        class="logo d-none d-md-flex"
-        data-v-75d0be1e=""
-        href="/"
-      >
-        <div
-          class="v-responsive v-img v-img--booting w-100 logo-small"
-          data-v-75d0be1e=""
-          data-v-f6be2607=""
-        >
-          <div
-            class="v-responsive__sizer"
-          />
-          
-          
-          <transition-stub
-            appear="true"
-            css="true"
-            name="fade-transition"
-            persisted="false"
-          >
-            <img
-              class="v-img__img v-img__img--contain"
-              src="/src/assets/dreammall-logo.svg"
-              style="display: none;"
-            />
-          </transition-stub>
-          <transition-stub
-            appear="false"
-            css="true"
-            name="fade-transition"
-            persisted="false"
-          >
-            <!---->
-          </transition-stub>
-          <!---->
-          <!---->
-          <!---->
-          
-          
-          <!---->
-        </div>
-      </a>
       <div
         class="top-menu mt-6 mt-sm-0"
         data-v-75d0be1e=""
@@ -84,45 +41,49 @@ exports[`DefaultLayout > renders 1`] = `
                 class="v-col d-none d-md-flex align-center"
                 data-v-e787b5f9=""
               >
-                <div
-                  class="message-indicator"
-                  data-v-6b63f7d9=""
+                <a
+                  class="logo"
                   data-v-e787b5f9=""
+                  href="/"
                 >
                   <div
-                    class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center"
-                    data-v-39e8094e=""
-                    data-v-6b63f7d9=""
+                    class="v-responsive v-img v-img--booting w-100 logo-small"
+                    data-v-e787b5f9=""
+                    data-v-f6be2607=""
                   >
+                    <div
+                      class="v-responsive__sizer"
+                    />
                     
-                    <i
-                      aria-hidden="true"
-                      class="v-icon notranslate v-theme--light v-icon--size-default"
-                      data-v-6b63f7d9=""
+                    
+                    <transition-stub
+                      appear="true"
+                      css="true"
+                      name="fade-transition"
+                      persisted="false"
                     >
-                      <svg
-                        fill="none"
-                        height="20"
-                        viewBox="0 0 20 20"
-                        width="20"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M17.6199 4.28609H16.6675V11.9051C16.6675 12.4289 16.239 12.8575 15.7151 12.8575H4.28657V13.8099C4.28657 14.8575 5.14372 15.7147 6.19134 15.7147H15.7151L19.5247 19.5242V6.19085C19.5247 5.14323 18.6675 4.28609 17.6199 4.28609ZM14.7628 9.04799V2.38132C14.7628 1.33371 13.9056 0.476562 12.858 0.476562H2.38181C1.33419 0.476562 0.477051 1.33371 0.477051 2.38132V14.7623L4.28657 10.9528H12.858C13.9056 10.9528 14.7628 10.0956 14.7628 9.04799Z"
-                          fill="currentColor"
-                        />
-                      </svg>
-                    </i>
+                      <img
+                        class="v-img__img v-img__img--contain"
+                        src="/src/assets/dreammall-logo.svg"
+                        style="display: none;"
+                      />
+                    </transition-stub>
+                    <transition-stub
+                      appear="false"
+                      css="true"
+                      name="fade-transition"
+                      persisted="false"
+                    >
+                      <!---->
+                    </transition-stub>
+                    <!---->
+                    <!---->
+                    <!---->
                     
+                    
+                    <!---->
                   </div>
-                  <div
-                    class="count d-flex justify-center align-center"
-                    data-show-count="true"
-                    data-v-6b63f7d9=""
-                  >
-                    3
-                  </div>
-                </div>
+                </a>
               </div>
               <div
                 class="v-col d-flex align-center justify-center"
@@ -710,43 +671,6 @@ exports[`DefaultLayout > renders 1`] = `
                       </i>
                       
                     </div>
-                    <div
-                      class="news-indicator ml-2"
-                      data-v-5cc937bd=""
-                      data-v-e787b5f9=""
-                    >
-                      <div
-                        class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center"
-                        data-v-39e8094e=""
-                        data-v-5cc937bd=""
-                      >
-                        
-                        <i
-                          aria-hidden="true"
-                          class="v-icon notranslate v-theme--light v-icon--size-default"
-                          data-v-5cc937bd=""
-                        >
-                          <svg
-                            fill="none"
-                            height="20"
-                            viewBox="0 0 16 20"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M0.381348 16.7172V14.8088H2.28971V8.12956C2.28971 6.80961 2.68729 5.63676 3.48244 4.61101C4.2776 3.58526 5.31129 2.91336 6.58354 2.5953V1.92737C6.58354 1.52979 6.72269 1.19185 7.00099 0.913549C7.2793 0.635245 7.61724 0.496094 8.01481 0.496094C8.41239 0.496094 8.75033 0.635245 9.02863 0.913549C9.30694 1.19185 9.44609 1.52979 9.44609 1.92737V2.5953C10.7183 2.91336 11.752 3.58526 12.5472 4.61101C13.3423 5.63676 13.7399 6.80961 13.7399 8.12956V14.8088H15.6483V16.7172H0.381348ZM8.01481 19.5798C7.49001 19.5798 7.04075 19.3929 6.66703 19.0192C6.29331 18.6455 6.10645 18.1962 6.10645 17.6714H9.92318C9.92318 18.1962 9.73632 18.6455 9.3626 19.0192C8.98888 19.3929 8.53961 19.5798 8.01481 19.5798ZM4.19808 14.8088H11.8315V8.12956C11.8315 7.07996 11.4578 6.18143 10.7104 5.43399C9.96294 4.68655 9.06441 4.31283 8.01481 4.31283C6.96521 4.31283 6.06669 4.68655 5.31925 5.43399C4.5718 6.18143 4.19808 7.07996 4.19808 8.12956V14.8088Z"
-                              fill="currentColor"
-                            />
-                          </svg>
-                        </i>
-                        
-                      </div>
-                      <div
-                        class="marker d-flex justify-center align-center rounded-circle"
-                        data-show-marker="true"
-                        data-v-5cc937bd=""
-                      />
-                    </div>
                     
                     
                     <button
@@ -777,7 +701,7 @@ exports[`DefaultLayout > renders 1`] = `
                         
                       </div>
                       <div
-                        class="d-flex flex-column justify-center text-right pa-1 pl-3 w-100"
+                        class="d-flex flex-column justify-center text-right pa-3 pl-4 w-100"
                         data-v-607bdd70=""
                       >
                         <i
@@ -850,80 +774,30 @@ exports[`DefaultLayout > renders 1`] = `
         data-v-96a196cc=""
       >
         <div
-          class="message-indicator"
-          data-v-6b63f7d9=""
-          data-v-96a196cc=""
-        >
-          <div
-            class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center"
-            data-v-39e8094e=""
-            data-v-6b63f7d9=""
-          >
-            
-            <i
-              aria-hidden="true"
-              class="v-icon notranslate v-theme--light v-icon--size-default"
-              data-v-6b63f7d9=""
-            >
-              <svg
-                fill="none"
-                height="20"
-                viewBox="0 0 20 20"
-                width="20"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M17.6199 4.28609H16.6675V11.9051C16.6675 12.4289 16.239 12.8575 15.7151 12.8575H4.28657V13.8099C4.28657 14.8575 5.14372 15.7147 6.19134 15.7147H15.7151L19.5247 19.5242V6.19085C19.5247 5.14323 18.6675 4.28609 17.6199 4.28609ZM14.7628 9.04799V2.38132C14.7628 1.33371 13.9056 0.476562 12.858 0.476562H2.38181C1.33419 0.476562 0.477051 1.33371 0.477051 2.38132V14.7623L4.28657 10.9528H12.858C13.9056 10.9528 14.7628 10.0956 14.7628 9.04799Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </i>
-            
-          </div>
-          <div
-            class="count d-flex justify-center align-center"
-            data-show-count="true"
-            data-v-6b63f7d9=""
-          >
-            3
-          </div>
-        </div>
-        <div
-          class="news-indicator"
-          data-v-5cc937bd=""
+          class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center camera-button"
+          data-v-39e8094e=""
           data-v-96a196cc=""
         >
-          <div
-            class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center"
-            data-v-39e8094e=""
-            data-v-5cc937bd=""
+          
+          <i
+            aria-hidden="true"
+            class="v-icon notranslate v-theme--light v-icon--size-default"
+            data-v-96a196cc=""
           >
-            
-            <i
-              aria-hidden="true"
-              class="v-icon notranslate v-theme--light v-icon--size-default"
-              data-v-5cc937bd=""
+            <svg
+              fill="none"
+              height="17"
+              viewBox="0 0 21 17"
+              width="21"
+              xmlns="http://www.w3.org/2000/svg"
             >
-              <svg
-                fill="none"
-                height="20"
-                viewBox="0 0 16 20"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M0.381348 16.7172V14.8088H2.28971V8.12956C2.28971 6.80961 2.68729 5.63676 3.48244 4.61101C4.2776 3.58526 5.31129 2.91336 6.58354 2.5953V1.92737C6.58354 1.52979 6.72269 1.19185 7.00099 0.913549C7.2793 0.635245 7.61724 0.496094 8.01481 0.496094C8.41239 0.496094 8.75033 0.635245 9.02863 0.913549C9.30694 1.19185 9.44609 1.52979 9.44609 1.92737V2.5953C10.7183 2.91336 11.752 3.58526 12.5472 4.61101C13.3423 5.63676 13.7399 6.80961 13.7399 8.12956V14.8088H15.6483V16.7172H0.381348ZM8.01481 19.5798C7.49001 19.5798 7.04075 19.3929 6.66703 19.0192C6.29331 18.6455 6.10645 18.1962 6.10645 17.6714H9.92318C9.92318 18.1962 9.73632 18.6455 9.3626 19.0192C8.98888 19.3929 8.53961 19.5798 8.01481 19.5798ZM4.19808 14.8088H11.8315V8.12956C11.8315 7.07996 11.4578 6.18143 10.7104 5.43399C9.96294 4.68655 9.06441 4.31283 8.01481 4.31283C6.96521 4.31283 6.06669 4.68655 5.31925 5.43399C4.5718 6.18143 4.19808 7.07996 4.19808 8.12956V14.8088Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </i>
-            
-          </div>
-          <div
-            class="marker d-flex justify-center align-center rounded-circle"
-            data-show-marker="true"
-            data-v-5cc937bd=""
-          />
+              <path
+                d="M7.68844 12.4824H9.66834V9.51172H12.6382V7.53125H9.66834V4.56055H7.68844V7.53125H4.71859V9.51172H7.68844V12.4824ZM2.73869 16.4434C2.19422 16.4434 1.72812 16.2494 1.34038 15.8616C0.952654 15.4738 0.758789 15.0075 0.758789 14.4629V2.58008C0.758789 2.03545 0.952654 1.56921 1.34038 1.18137C1.72812 0.79353 2.19422 0.599609 2.73869 0.599609H14.6181C15.1626 0.599609 15.6287 0.79353 16.0164 1.18137C16.4041 1.56921 16.598 2.03545 16.598 2.58008V7.03613L20.5578 3.0752V13.9678L16.598 10.0068V14.4629C16.598 15.0075 16.4041 15.4738 16.0164 15.8616C15.6287 16.2494 15.1626 16.4434 14.6181 16.4434H2.73869ZM2.73869 14.4629H14.6181V2.58008H2.73869V14.4629Z"
+                fill="currentColor"
+              />
+            </svg>
+          </i>
+          
         </div>
         <div
           class="create-button-container"
@@ -1421,32 +1295,6 @@ exports[`DefaultLayout > renders 1`] = `
             </div>
           </div>
         </div>
-        <div
-          class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center camera-button"
-          data-v-39e8094e=""
-          data-v-96a196cc=""
-        >
-          
-          <i
-            aria-hidden="true"
-            class="v-icon notranslate v-theme--light v-icon--size-default"
-            data-v-96a196cc=""
-          >
-            <svg
-              fill="none"
-              height="17"
-              viewBox="0 0 21 17"
-              width="21"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M7.68844 12.4824H9.66834V9.51172H12.6382V7.53125H9.66834V4.56055H7.68844V7.53125H4.71859V9.51172H7.68844V12.4824ZM2.73869 16.4434C2.19422 16.4434 1.72812 16.2494 1.34038 15.8616C0.952654 15.4738 0.758789 15.0075 0.758789 14.4629V2.58008C0.758789 2.03545 0.952654 1.56921 1.34038 1.18137C1.72812 0.79353 2.19422 0.599609 2.73869 0.599609H14.6181C15.1626 0.599609 15.6287 0.79353 16.0164 1.18137C16.4041 1.56921 16.598 2.03545 16.598 2.58008V7.03613L20.5578 3.0752V13.9678L16.598 10.0068V14.4629C16.598 15.0075 16.4041 15.4738 16.0164 15.8616C15.6287 16.2494 15.1626 16.4434 14.6181 16.4434H2.73869ZM2.73869 14.4629H14.6181V2.58008H2.73869V14.4629Z"
-                fill="currentColor"
-              />
-            </svg>
-          </i>
-          
-        </div>
         
         
         <button
@@ -1477,7 +1325,7 @@ exports[`DefaultLayout > renders 1`] = `
             
           </div>
           <div
-            class="d-flex flex-column justify-center text-right pa-1 pl-3 w-100"
+            class="d-flex flex-column justify-center text-right pa-3 pl-4 w-100"
             data-v-607bdd70=""
           >
             <i
diff --git a/frontend/src/pages/auth/__snapshots__/Page.test.ts.snap b/frontend/src/pages/auth/__snapshots__/Page.test.ts.snap
index 4547a6b723..8219617957 100644
--- a/frontend/src/pages/auth/__snapshots__/Page.test.ts.snap
+++ b/frontend/src/pages/auth/__snapshots__/Page.test.ts.snap
@@ -15,49 +15,6 @@ exports[`AuthPage > signin callback without error > renders 1`] = `
       style="--v-layout-left: 0px; --v-layout-right: 0px; --v-layout-top: NaN; --v-layout-bottom: 0px; transition: none !important;"
     >
       
-      <a
-        class="logo d-none d-md-flex"
-        data-v-75d0be1e=""
-        href="/"
-      >
-        <div
-          class="v-responsive v-img v-img--booting w-100 logo-small"
-          data-v-75d0be1e=""
-          data-v-f6be2607=""
-        >
-          <div
-            class="v-responsive__sizer"
-          />
-          
-          
-          <transition-stub
-            appear="true"
-            css="true"
-            name="fade-transition"
-            persisted="false"
-          >
-            <img
-              class="v-img__img v-img__img--contain"
-              src="/src/assets/dreammall-logo.svg"
-              style="display: none;"
-            />
-          </transition-stub>
-          <transition-stub
-            appear="false"
-            css="true"
-            name="fade-transition"
-            persisted="false"
-          >
-            <!---->
-          </transition-stub>
-          <!---->
-          <!---->
-          <!---->
-          
-          
-          <!---->
-        </div>
-      </a>
       <div
         class="top-menu mt-6 mt-sm-0"
         data-v-75d0be1e=""
@@ -85,45 +42,49 @@ exports[`AuthPage > signin callback without error > renders 1`] = `
                 class="v-col d-none d-md-flex align-center"
                 data-v-e787b5f9=""
               >
-                <div
-                  class="message-indicator"
-                  data-v-6b63f7d9=""
+                <a
+                  class="logo"
                   data-v-e787b5f9=""
+                  href="/"
                 >
                   <div
-                    class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center"
-                    data-v-39e8094e=""
-                    data-v-6b63f7d9=""
+                    class="v-responsive v-img v-img--booting w-100 logo-small"
+                    data-v-e787b5f9=""
+                    data-v-f6be2607=""
                   >
+                    <div
+                      class="v-responsive__sizer"
+                    />
                     
-                    <i
-                      aria-hidden="true"
-                      class="v-icon notranslate v-theme--light v-icon--size-default"
-                      data-v-6b63f7d9=""
+                    
+                    <transition-stub
+                      appear="true"
+                      css="true"
+                      name="fade-transition"
+                      persisted="false"
                     >
-                      <svg
-                        fill="none"
-                        height="20"
-                        viewBox="0 0 20 20"
-                        width="20"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M17.6199 4.28609H16.6675V11.9051C16.6675 12.4289 16.239 12.8575 15.7151 12.8575H4.28657V13.8099C4.28657 14.8575 5.14372 15.7147 6.19134 15.7147H15.7151L19.5247 19.5242V6.19085C19.5247 5.14323 18.6675 4.28609 17.6199 4.28609ZM14.7628 9.04799V2.38132C14.7628 1.33371 13.9056 0.476562 12.858 0.476562H2.38181C1.33419 0.476562 0.477051 1.33371 0.477051 2.38132V14.7623L4.28657 10.9528H12.858C13.9056 10.9528 14.7628 10.0956 14.7628 9.04799Z"
-                          fill="currentColor"
-                        />
-                      </svg>
-                    </i>
+                      <img
+                        class="v-img__img v-img__img--contain"
+                        src="/src/assets/dreammall-logo.svg"
+                        style="display: none;"
+                      />
+                    </transition-stub>
+                    <transition-stub
+                      appear="false"
+                      css="true"
+                      name="fade-transition"
+                      persisted="false"
+                    >
+                      <!---->
+                    </transition-stub>
+                    <!---->
+                    <!---->
+                    <!---->
                     
+                    
+                    <!---->
                   </div>
-                  <div
-                    class="count d-flex justify-center align-center"
-                    data-show-count="true"
-                    data-v-6b63f7d9=""
-                  >
-                    3
-                  </div>
-                </div>
+                </a>
               </div>
               <div
                 class="v-col d-flex align-center justify-center"
@@ -711,43 +672,6 @@ exports[`AuthPage > signin callback without error > renders 1`] = `
                       </i>
                       
                     </div>
-                    <div
-                      class="news-indicator ml-2"
-                      data-v-5cc937bd=""
-                      data-v-e787b5f9=""
-                    >
-                      <div
-                        class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center"
-                        data-v-39e8094e=""
-                        data-v-5cc937bd=""
-                      >
-                        
-                        <i
-                          aria-hidden="true"
-                          class="v-icon notranslate v-theme--light v-icon--size-default"
-                          data-v-5cc937bd=""
-                        >
-                          <svg
-                            fill="none"
-                            height="20"
-                            viewBox="0 0 16 20"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M0.381348 16.7172V14.8088H2.28971V8.12956C2.28971 6.80961 2.68729 5.63676 3.48244 4.61101C4.2776 3.58526 5.31129 2.91336 6.58354 2.5953V1.92737C6.58354 1.52979 6.72269 1.19185 7.00099 0.913549C7.2793 0.635245 7.61724 0.496094 8.01481 0.496094C8.41239 0.496094 8.75033 0.635245 9.02863 0.913549C9.30694 1.19185 9.44609 1.52979 9.44609 1.92737V2.5953C10.7183 2.91336 11.752 3.58526 12.5472 4.61101C13.3423 5.63676 13.7399 6.80961 13.7399 8.12956V14.8088H15.6483V16.7172H0.381348ZM8.01481 19.5798C7.49001 19.5798 7.04075 19.3929 6.66703 19.0192C6.29331 18.6455 6.10645 18.1962 6.10645 17.6714H9.92318C9.92318 18.1962 9.73632 18.6455 9.3626 19.0192C8.98888 19.3929 8.53961 19.5798 8.01481 19.5798ZM4.19808 14.8088H11.8315V8.12956C11.8315 7.07996 11.4578 6.18143 10.7104 5.43399C9.96294 4.68655 9.06441 4.31283 8.01481 4.31283C6.96521 4.31283 6.06669 4.68655 5.31925 5.43399C4.5718 6.18143 4.19808 7.07996 4.19808 8.12956V14.8088Z"
-                              fill="currentColor"
-                            />
-                          </svg>
-                        </i>
-                        
-                      </div>
-                      <div
-                        class="marker d-flex justify-center align-center rounded-circle"
-                        data-show-marker="true"
-                        data-v-5cc937bd=""
-                      />
-                    </div>
                     
                     
                     <button
@@ -778,7 +702,7 @@ exports[`AuthPage > signin callback without error > renders 1`] = `
                         
                       </div>
                       <div
-                        class="d-flex flex-column justify-center text-right pa-1 pl-3 w-100"
+                        class="d-flex flex-column justify-center text-right pa-3 pl-4 w-100"
                         data-v-607bdd70=""
                       >
                         <i
@@ -857,80 +781,30 @@ exports[`AuthPage > signin callback without error > renders 1`] = `
         data-v-96a196cc=""
       >
         <div
-          class="message-indicator"
-          data-v-6b63f7d9=""
-          data-v-96a196cc=""
-        >
-          <div
-            class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center"
-            data-v-39e8094e=""
-            data-v-6b63f7d9=""
-          >
-            
-            <i
-              aria-hidden="true"
-              class="v-icon notranslate v-theme--light v-icon--size-default"
-              data-v-6b63f7d9=""
-            >
-              <svg
-                fill="none"
-                height="20"
-                viewBox="0 0 20 20"
-                width="20"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M17.6199 4.28609H16.6675V11.9051C16.6675 12.4289 16.239 12.8575 15.7151 12.8575H4.28657V13.8099C4.28657 14.8575 5.14372 15.7147 6.19134 15.7147H15.7151L19.5247 19.5242V6.19085C19.5247 5.14323 18.6675 4.28609 17.6199 4.28609ZM14.7628 9.04799V2.38132C14.7628 1.33371 13.9056 0.476562 12.858 0.476562H2.38181C1.33419 0.476562 0.477051 1.33371 0.477051 2.38132V14.7623L4.28657 10.9528H12.858C13.9056 10.9528 14.7628 10.0956 14.7628 9.04799Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </i>
-            
-          </div>
-          <div
-            class="count d-flex justify-center align-center"
-            data-show-count="true"
-            data-v-6b63f7d9=""
-          >
-            3
-          </div>
-        </div>
-        <div
-          class="news-indicator"
-          data-v-5cc937bd=""
+          class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center camera-button"
+          data-v-39e8094e=""
           data-v-96a196cc=""
         >
-          <div
-            class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center"
-            data-v-39e8094e=""
-            data-v-5cc937bd=""
+          
+          <i
+            aria-hidden="true"
+            class="v-icon notranslate v-theme--light v-icon--size-default"
+            data-v-96a196cc=""
           >
-            
-            <i
-              aria-hidden="true"
-              class="v-icon notranslate v-theme--light v-icon--size-default"
-              data-v-5cc937bd=""
+            <svg
+              fill="none"
+              height="17"
+              viewBox="0 0 21 17"
+              width="21"
+              xmlns="http://www.w3.org/2000/svg"
             >
-              <svg
-                fill="none"
-                height="20"
-                viewBox="0 0 16 20"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M0.381348 16.7172V14.8088H2.28971V8.12956C2.28971 6.80961 2.68729 5.63676 3.48244 4.61101C4.2776 3.58526 5.31129 2.91336 6.58354 2.5953V1.92737C6.58354 1.52979 6.72269 1.19185 7.00099 0.913549C7.2793 0.635245 7.61724 0.496094 8.01481 0.496094C8.41239 0.496094 8.75033 0.635245 9.02863 0.913549C9.30694 1.19185 9.44609 1.52979 9.44609 1.92737V2.5953C10.7183 2.91336 11.752 3.58526 12.5472 4.61101C13.3423 5.63676 13.7399 6.80961 13.7399 8.12956V14.8088H15.6483V16.7172H0.381348ZM8.01481 19.5798C7.49001 19.5798 7.04075 19.3929 6.66703 19.0192C6.29331 18.6455 6.10645 18.1962 6.10645 17.6714H9.92318C9.92318 18.1962 9.73632 18.6455 9.3626 19.0192C8.98888 19.3929 8.53961 19.5798 8.01481 19.5798ZM4.19808 14.8088H11.8315V8.12956C11.8315 7.07996 11.4578 6.18143 10.7104 5.43399C9.96294 4.68655 9.06441 4.31283 8.01481 4.31283C6.96521 4.31283 6.06669 4.68655 5.31925 5.43399C4.5718 6.18143 4.19808 7.07996 4.19808 8.12956V14.8088Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </i>
-            
-          </div>
-          <div
-            class="marker d-flex justify-center align-center rounded-circle"
-            data-show-marker="true"
-            data-v-5cc937bd=""
-          />
+              <path
+                d="M7.68844 12.4824H9.66834V9.51172H12.6382V7.53125H9.66834V4.56055H7.68844V7.53125H4.71859V9.51172H7.68844V12.4824ZM2.73869 16.4434C2.19422 16.4434 1.72812 16.2494 1.34038 15.8616C0.952654 15.4738 0.758789 15.0075 0.758789 14.4629V2.58008C0.758789 2.03545 0.952654 1.56921 1.34038 1.18137C1.72812 0.79353 2.19422 0.599609 2.73869 0.599609H14.6181C15.1626 0.599609 15.6287 0.79353 16.0164 1.18137C16.4041 1.56921 16.598 2.03545 16.598 2.58008V7.03613L20.5578 3.0752V13.9678L16.598 10.0068V14.4629C16.598 15.0075 16.4041 15.4738 16.0164 15.8616C15.6287 16.2494 15.1626 16.4434 14.6181 16.4434H2.73869ZM2.73869 14.4629H14.6181V2.58008H2.73869V14.4629Z"
+                fill="currentColor"
+              />
+            </svg>
+          </i>
+          
         </div>
         <div
           class="create-button-container"
@@ -1428,32 +1302,6 @@ exports[`AuthPage > signin callback without error > renders 1`] = `
             </div>
           </div>
         </div>
-        <div
-          class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center camera-button"
-          data-v-39e8094e=""
-          data-v-96a196cc=""
-        >
-          
-          <i
-            aria-hidden="true"
-            class="v-icon notranslate v-theme--light v-icon--size-default"
-            data-v-96a196cc=""
-          >
-            <svg
-              fill="none"
-              height="17"
-              viewBox="0 0 21 17"
-              width="21"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M7.68844 12.4824H9.66834V9.51172H12.6382V7.53125H9.66834V4.56055H7.68844V7.53125H4.71859V9.51172H7.68844V12.4824ZM2.73869 16.4434C2.19422 16.4434 1.72812 16.2494 1.34038 15.8616C0.952654 15.4738 0.758789 15.0075 0.758789 14.4629V2.58008C0.758789 2.03545 0.952654 1.56921 1.34038 1.18137C1.72812 0.79353 2.19422 0.599609 2.73869 0.599609H14.6181C15.1626 0.599609 15.6287 0.79353 16.0164 1.18137C16.4041 1.56921 16.598 2.03545 16.598 2.58008V7.03613L20.5578 3.0752V13.9678L16.598 10.0068V14.4629C16.598 15.0075 16.4041 15.4738 16.0164 15.8616C15.6287 16.2494 15.1626 16.4434 14.6181 16.4434H2.73869ZM2.73869 14.4629H14.6181V2.58008H2.73869V14.4629Z"
-                fill="currentColor"
-              />
-            </svg>
-          </i>
-          
-        </div>
         
         
         <button
@@ -1484,7 +1332,7 @@ exports[`AuthPage > signin callback without error > renders 1`] = `
             
           </div>
           <div
-            class="d-flex flex-column justify-center text-right pa-1 pl-3 w-100"
+            class="d-flex flex-column justify-center text-right pa-3 pl-4 w-100"
             data-v-607bdd70=""
           >
             <i
diff --git a/frontend/src/pages/index/__snapshots__/Page.test.ts.snap b/frontend/src/pages/index/__snapshots__/Page.test.ts.snap
index 00206dd3fc..fd74877d0a 100644
--- a/frontend/src/pages/index/__snapshots__/Page.test.ts.snap
+++ b/frontend/src/pages/index/__snapshots__/Page.test.ts.snap
@@ -14,49 +14,6 @@ exports[`IndexPage > without apollo error > renders 1`] = `
       style="--v-layout-left: 0px; --v-layout-right: 0px; --v-layout-top: NaN; --v-layout-bottom: 0px; transition: none !important;"
     >
       
-      <a
-        class="logo d-none d-md-flex"
-        data-v-75d0be1e=""
-        href="/"
-      >
-        <div
-          class="v-responsive v-img v-img--booting w-100 logo-small"
-          data-v-75d0be1e=""
-          data-v-f6be2607=""
-        >
-          <div
-            class="v-responsive__sizer"
-          />
-          
-          
-          <transition-stub
-            appear="true"
-            css="true"
-            name="fade-transition"
-            persisted="false"
-          >
-            <img
-              class="v-img__img v-img__img--contain"
-              src="/src/assets/dreammall-logo.svg"
-              style="display: none;"
-            />
-          </transition-stub>
-          <transition-stub
-            appear="false"
-            css="true"
-            name="fade-transition"
-            persisted="false"
-          >
-            <!---->
-          </transition-stub>
-          <!---->
-          <!---->
-          <!---->
-          
-          
-          <!---->
-        </div>
-      </a>
       <div
         class="top-menu mt-6 mt-sm-0"
         data-v-75d0be1e=""
@@ -84,45 +41,49 @@ exports[`IndexPage > without apollo error > renders 1`] = `
                 class="v-col d-none d-md-flex align-center"
                 data-v-e787b5f9=""
               >
-                <div
-                  class="message-indicator"
-                  data-v-6b63f7d9=""
+                <a
+                  class="logo"
                   data-v-e787b5f9=""
+                  href="/"
                 >
                   <div
-                    class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center"
-                    data-v-39e8094e=""
-                    data-v-6b63f7d9=""
+                    class="v-responsive v-img v-img--booting w-100 logo-small"
+                    data-v-e787b5f9=""
+                    data-v-f6be2607=""
                   >
+                    <div
+                      class="v-responsive__sizer"
+                    />
+                    
                     
-                    <i
-                      aria-hidden="true"
-                      class="v-icon notranslate v-theme--light v-icon--size-default"
-                      data-v-6b63f7d9=""
+                    <transition-stub
+                      appear="true"
+                      css="true"
+                      name="fade-transition"
+                      persisted="false"
                     >
-                      <svg
-                        fill="none"
-                        height="20"
-                        viewBox="0 0 20 20"
-                        width="20"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M17.6199 4.28609H16.6675V11.9051C16.6675 12.4289 16.239 12.8575 15.7151 12.8575H4.28657V13.8099C4.28657 14.8575 5.14372 15.7147 6.19134 15.7147H15.7151L19.5247 19.5242V6.19085C19.5247 5.14323 18.6675 4.28609 17.6199 4.28609ZM14.7628 9.04799V2.38132C14.7628 1.33371 13.9056 0.476562 12.858 0.476562H2.38181C1.33419 0.476562 0.477051 1.33371 0.477051 2.38132V14.7623L4.28657 10.9528H12.858C13.9056 10.9528 14.7628 10.0956 14.7628 9.04799Z"
-                          fill="currentColor"
-                        />
-                      </svg>
-                    </i>
+                      <img
+                        class="v-img__img v-img__img--contain"
+                        src="/src/assets/dreammall-logo.svg"
+                        style="display: none;"
+                      />
+                    </transition-stub>
+                    <transition-stub
+                      appear="false"
+                      css="true"
+                      name="fade-transition"
+                      persisted="false"
+                    >
+                      <!---->
+                    </transition-stub>
+                    <!---->
+                    <!---->
+                    <!---->
                     
+                    
+                    <!---->
                   </div>
-                  <div
-                    class="count d-flex justify-center align-center"
-                    data-show-count="true"
-                    data-v-6b63f7d9=""
-                  >
-                    3
-                  </div>
-                </div>
+                </a>
               </div>
               <div
                 class="v-col d-flex align-center justify-center"
@@ -710,43 +671,6 @@ exports[`IndexPage > without apollo error > renders 1`] = `
                       </i>
                       
                     </div>
-                    <div
-                      class="news-indicator ml-2"
-                      data-v-5cc937bd=""
-                      data-v-e787b5f9=""
-                    >
-                      <div
-                        class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center"
-                        data-v-39e8094e=""
-                        data-v-5cc937bd=""
-                      >
-                        
-                        <i
-                          aria-hidden="true"
-                          class="v-icon notranslate v-theme--light v-icon--size-default"
-                          data-v-5cc937bd=""
-                        >
-                          <svg
-                            fill="none"
-                            height="20"
-                            viewBox="0 0 16 20"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M0.381348 16.7172V14.8088H2.28971V8.12956C2.28971 6.80961 2.68729 5.63676 3.48244 4.61101C4.2776 3.58526 5.31129 2.91336 6.58354 2.5953V1.92737C6.58354 1.52979 6.72269 1.19185 7.00099 0.913549C7.2793 0.635245 7.61724 0.496094 8.01481 0.496094C8.41239 0.496094 8.75033 0.635245 9.02863 0.913549C9.30694 1.19185 9.44609 1.52979 9.44609 1.92737V2.5953C10.7183 2.91336 11.752 3.58526 12.5472 4.61101C13.3423 5.63676 13.7399 6.80961 13.7399 8.12956V14.8088H15.6483V16.7172H0.381348ZM8.01481 19.5798C7.49001 19.5798 7.04075 19.3929 6.66703 19.0192C6.29331 18.6455 6.10645 18.1962 6.10645 17.6714H9.92318C9.92318 18.1962 9.73632 18.6455 9.3626 19.0192C8.98888 19.3929 8.53961 19.5798 8.01481 19.5798ZM4.19808 14.8088H11.8315V8.12956C11.8315 7.07996 11.4578 6.18143 10.7104 5.43399C9.96294 4.68655 9.06441 4.31283 8.01481 4.31283C6.96521 4.31283 6.06669 4.68655 5.31925 5.43399C4.5718 6.18143 4.19808 7.07996 4.19808 8.12956V14.8088Z"
-                              fill="currentColor"
-                            />
-                          </svg>
-                        </i>
-                        
-                      </div>
-                      <div
-                        class="marker d-flex justify-center align-center rounded-circle"
-                        data-show-marker="true"
-                        data-v-5cc937bd=""
-                      />
-                    </div>
                     
                     
                     <button
@@ -777,7 +701,7 @@ exports[`IndexPage > without apollo error > renders 1`] = `
                         
                       </div>
                       <div
-                        class="d-flex flex-column justify-center text-right pa-1 pl-3 w-100"
+                        class="d-flex flex-column justify-center text-right pa-3 pl-4 w-100"
                         data-v-607bdd70=""
                       >
                         <i
@@ -1482,80 +1406,30 @@ exports[`IndexPage > without apollo error > renders 1`] = `
         data-v-96a196cc=""
       >
         <div
-          class="message-indicator"
-          data-v-6b63f7d9=""
-          data-v-96a196cc=""
-        >
-          <div
-            class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center"
-            data-v-39e8094e=""
-            data-v-6b63f7d9=""
-          >
-            
-            <i
-              aria-hidden="true"
-              class="v-icon notranslate v-theme--light v-icon--size-default"
-              data-v-6b63f7d9=""
-            >
-              <svg
-                fill="none"
-                height="20"
-                viewBox="0 0 20 20"
-                width="20"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M17.6199 4.28609H16.6675V11.9051C16.6675 12.4289 16.239 12.8575 15.7151 12.8575H4.28657V13.8099C4.28657 14.8575 5.14372 15.7147 6.19134 15.7147H15.7151L19.5247 19.5242V6.19085C19.5247 5.14323 18.6675 4.28609 17.6199 4.28609ZM14.7628 9.04799V2.38132C14.7628 1.33371 13.9056 0.476562 12.858 0.476562H2.38181C1.33419 0.476562 0.477051 1.33371 0.477051 2.38132V14.7623L4.28657 10.9528H12.858C13.9056 10.9528 14.7628 10.0956 14.7628 9.04799Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </i>
-            
-          </div>
-          <div
-            class="count d-flex justify-center align-center"
-            data-show-count="true"
-            data-v-6b63f7d9=""
-          >
-            3
-          </div>
-        </div>
-        <div
-          class="news-indicator"
-          data-v-5cc937bd=""
+          class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center camera-button"
+          data-v-39e8094e=""
           data-v-96a196cc=""
         >
-          <div
-            class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center"
-            data-v-39e8094e=""
-            data-v-5cc937bd=""
+          
+          <i
+            aria-hidden="true"
+            class="v-icon notranslate v-theme--light v-icon--size-default"
+            data-v-96a196cc=""
           >
-            
-            <i
-              aria-hidden="true"
-              class="v-icon notranslate v-theme--light v-icon--size-default"
-              data-v-5cc937bd=""
+            <svg
+              fill="none"
+              height="17"
+              viewBox="0 0 21 17"
+              width="21"
+              xmlns="http://www.w3.org/2000/svg"
             >
-              <svg
-                fill="none"
-                height="20"
-                viewBox="0 0 16 20"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M0.381348 16.7172V14.8088H2.28971V8.12956C2.28971 6.80961 2.68729 5.63676 3.48244 4.61101C4.2776 3.58526 5.31129 2.91336 6.58354 2.5953V1.92737C6.58354 1.52979 6.72269 1.19185 7.00099 0.913549C7.2793 0.635245 7.61724 0.496094 8.01481 0.496094C8.41239 0.496094 8.75033 0.635245 9.02863 0.913549C9.30694 1.19185 9.44609 1.52979 9.44609 1.92737V2.5953C10.7183 2.91336 11.752 3.58526 12.5472 4.61101C13.3423 5.63676 13.7399 6.80961 13.7399 8.12956V14.8088H15.6483V16.7172H0.381348ZM8.01481 19.5798C7.49001 19.5798 7.04075 19.3929 6.66703 19.0192C6.29331 18.6455 6.10645 18.1962 6.10645 17.6714H9.92318C9.92318 18.1962 9.73632 18.6455 9.3626 19.0192C8.98888 19.3929 8.53961 19.5798 8.01481 19.5798ZM4.19808 14.8088H11.8315V8.12956C11.8315 7.07996 11.4578 6.18143 10.7104 5.43399C9.96294 4.68655 9.06441 4.31283 8.01481 4.31283C6.96521 4.31283 6.06669 4.68655 5.31925 5.43399C4.5718 6.18143 4.19808 7.07996 4.19808 8.12956V14.8088Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </i>
-            
-          </div>
-          <div
-            class="marker d-flex justify-center align-center rounded-circle"
-            data-show-marker="true"
-            data-v-5cc937bd=""
-          />
+              <path
+                d="M7.68844 12.4824H9.66834V9.51172H12.6382V7.53125H9.66834V4.56055H7.68844V7.53125H4.71859V9.51172H7.68844V12.4824ZM2.73869 16.4434C2.19422 16.4434 1.72812 16.2494 1.34038 15.8616C0.952654 15.4738 0.758789 15.0075 0.758789 14.4629V2.58008C0.758789 2.03545 0.952654 1.56921 1.34038 1.18137C1.72812 0.79353 2.19422 0.599609 2.73869 0.599609H14.6181C15.1626 0.599609 15.6287 0.79353 16.0164 1.18137C16.4041 1.56921 16.598 2.03545 16.598 2.58008V7.03613L20.5578 3.0752V13.9678L16.598 10.0068V14.4629C16.598 15.0075 16.4041 15.4738 16.0164 15.8616C15.6287 16.2494 15.1626 16.4434 14.6181 16.4434H2.73869ZM2.73869 14.4629H14.6181V2.58008H2.73869V14.4629Z"
+                fill="currentColor"
+              />
+            </svg>
+          </i>
+          
         </div>
         <div
           class="create-button-container"
@@ -2053,32 +1927,6 @@ exports[`IndexPage > without apollo error > renders 1`] = `
             </div>
           </div>
         </div>
-        <div
-          class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center camera-button"
-          data-v-39e8094e=""
-          data-v-96a196cc=""
-        >
-          
-          <i
-            aria-hidden="true"
-            class="v-icon notranslate v-theme--light v-icon--size-default"
-            data-v-96a196cc=""
-          >
-            <svg
-              fill="none"
-              height="17"
-              viewBox="0 0 21 17"
-              width="21"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M7.68844 12.4824H9.66834V9.51172H12.6382V7.53125H9.66834V4.56055H7.68844V7.53125H4.71859V9.51172H7.68844V12.4824ZM2.73869 16.4434C2.19422 16.4434 1.72812 16.2494 1.34038 15.8616C0.952654 15.4738 0.758789 15.0075 0.758789 14.4629V2.58008C0.758789 2.03545 0.952654 1.56921 1.34038 1.18137C1.72812 0.79353 2.19422 0.599609 2.73869 0.599609H14.6181C15.1626 0.599609 15.6287 0.79353 16.0164 1.18137C16.4041 1.56921 16.598 2.03545 16.598 2.58008V7.03613L20.5578 3.0752V13.9678L16.598 10.0068V14.4629C16.598 15.0075 16.4041 15.4738 16.0164 15.8616C15.6287 16.2494 15.1626 16.4434 14.6181 16.4434H2.73869ZM2.73869 14.4629H14.6181V2.58008H2.73869V14.4629Z"
-                fill="currentColor"
-              />
-            </svg>
-          </i>
-          
-        </div>
         
         
         <button
@@ -2109,7 +1957,7 @@ exports[`IndexPage > without apollo error > renders 1`] = `
             
           </div>
           <div
-            class="d-flex flex-column justify-center text-right pa-1 pl-3 w-100"
+            class="d-flex flex-column justify-center text-right pa-3 pl-4 w-100"
             data-v-607bdd70=""
           >
             <i
diff --git a/frontend/src/pages/join-room/__snapshots__/Page.test.ts.snap b/frontend/src/pages/join-room/__snapshots__/Page.test.ts.snap
index 118ef6dae7..71dbeeec8f 100644
--- a/frontend/src/pages/join-room/__snapshots__/Page.test.ts.snap
+++ b/frontend/src/pages/join-room/__snapshots__/Page.test.ts.snap
@@ -14,49 +14,6 @@ exports[`JoinRoomPage > renders 1`] = `
       style="--v-layout-left: 0px; --v-layout-right: 0px; --v-layout-top: NaN; --v-layout-bottom: 0px; transition: none !important;"
     >
       
-      <a
-        class="logo d-none d-md-flex"
-        data-v-75d0be1e=""
-        href="/"
-      >
-        <div
-          class="v-responsive v-img v-img--booting w-100 logo-small"
-          data-v-75d0be1e=""
-          data-v-f6be2607=""
-        >
-          <div
-            class="v-responsive__sizer"
-          />
-          
-          
-          <transition-stub
-            appear="true"
-            css="true"
-            name="fade-transition"
-            persisted="false"
-          >
-            <img
-              class="v-img__img v-img__img--contain"
-              src="/src/assets/dreammall-logo.svg"
-              style="display: none;"
-            />
-          </transition-stub>
-          <transition-stub
-            appear="false"
-            css="true"
-            name="fade-transition"
-            persisted="false"
-          >
-            <!---->
-          </transition-stub>
-          <!---->
-          <!---->
-          <!---->
-          
-          
-          <!---->
-        </div>
-      </a>
       <div
         class="top-menu mt-6 mt-sm-0"
         data-v-75d0be1e=""
@@ -84,45 +41,49 @@ exports[`JoinRoomPage > renders 1`] = `
                 class="v-col d-none d-md-flex align-center"
                 data-v-e787b5f9=""
               >
-                <div
-                  class="message-indicator"
-                  data-v-6b63f7d9=""
+                <a
+                  class="logo"
                   data-v-e787b5f9=""
+                  href="/"
                 >
                   <div
-                    class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center"
-                    data-v-39e8094e=""
-                    data-v-6b63f7d9=""
+                    class="v-responsive v-img v-img--booting w-100 logo-small"
+                    data-v-e787b5f9=""
+                    data-v-f6be2607=""
                   >
+                    <div
+                      class="v-responsive__sizer"
+                    />
                     
-                    <i
-                      aria-hidden="true"
-                      class="v-icon notranslate v-theme--light v-icon--size-default"
-                      data-v-6b63f7d9=""
+                    
+                    <transition-stub
+                      appear="true"
+                      css="true"
+                      name="fade-transition"
+                      persisted="false"
                     >
-                      <svg
-                        fill="none"
-                        height="20"
-                        viewBox="0 0 20 20"
-                        width="20"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M17.6199 4.28609H16.6675V11.9051C16.6675 12.4289 16.239 12.8575 15.7151 12.8575H4.28657V13.8099C4.28657 14.8575 5.14372 15.7147 6.19134 15.7147H15.7151L19.5247 19.5242V6.19085C19.5247 5.14323 18.6675 4.28609 17.6199 4.28609ZM14.7628 9.04799V2.38132C14.7628 1.33371 13.9056 0.476562 12.858 0.476562H2.38181C1.33419 0.476562 0.477051 1.33371 0.477051 2.38132V14.7623L4.28657 10.9528H12.858C13.9056 10.9528 14.7628 10.0956 14.7628 9.04799Z"
-                          fill="currentColor"
-                        />
-                      </svg>
-                    </i>
+                      <img
+                        class="v-img__img v-img__img--contain"
+                        src="/src/assets/dreammall-logo.svg"
+                        style="display: none;"
+                      />
+                    </transition-stub>
+                    <transition-stub
+                      appear="false"
+                      css="true"
+                      name="fade-transition"
+                      persisted="false"
+                    >
+                      <!---->
+                    </transition-stub>
+                    <!---->
+                    <!---->
+                    <!---->
                     
+                    
+                    <!---->
                   </div>
-                  <div
-                    class="count d-flex justify-center align-center"
-                    data-show-count="true"
-                    data-v-6b63f7d9=""
-                  >
-                    3
-                  </div>
-                </div>
+                </a>
               </div>
               <div
                 class="v-col d-flex align-center justify-center"
@@ -710,43 +671,6 @@ exports[`JoinRoomPage > renders 1`] = `
                       </i>
                       
                     </div>
-                    <div
-                      class="news-indicator ml-2"
-                      data-v-5cc937bd=""
-                      data-v-e787b5f9=""
-                    >
-                      <div
-                        class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center"
-                        data-v-39e8094e=""
-                        data-v-5cc937bd=""
-                      >
-                        
-                        <i
-                          aria-hidden="true"
-                          class="v-icon notranslate v-theme--light v-icon--size-default"
-                          data-v-5cc937bd=""
-                        >
-                          <svg
-                            fill="none"
-                            height="20"
-                            viewBox="0 0 16 20"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M0.381348 16.7172V14.8088H2.28971V8.12956C2.28971 6.80961 2.68729 5.63676 3.48244 4.61101C4.2776 3.58526 5.31129 2.91336 6.58354 2.5953V1.92737C6.58354 1.52979 6.72269 1.19185 7.00099 0.913549C7.2793 0.635245 7.61724 0.496094 8.01481 0.496094C8.41239 0.496094 8.75033 0.635245 9.02863 0.913549C9.30694 1.19185 9.44609 1.52979 9.44609 1.92737V2.5953C10.7183 2.91336 11.752 3.58526 12.5472 4.61101C13.3423 5.63676 13.7399 6.80961 13.7399 8.12956V14.8088H15.6483V16.7172H0.381348ZM8.01481 19.5798C7.49001 19.5798 7.04075 19.3929 6.66703 19.0192C6.29331 18.6455 6.10645 18.1962 6.10645 17.6714H9.92318C9.92318 18.1962 9.73632 18.6455 9.3626 19.0192C8.98888 19.3929 8.53961 19.5798 8.01481 19.5798ZM4.19808 14.8088H11.8315V8.12956C11.8315 7.07996 11.4578 6.18143 10.7104 5.43399C9.96294 4.68655 9.06441 4.31283 8.01481 4.31283C6.96521 4.31283 6.06669 4.68655 5.31925 5.43399C4.5718 6.18143 4.19808 7.07996 4.19808 8.12956V14.8088Z"
-                              fill="currentColor"
-                            />
-                          </svg>
-                        </i>
-                        
-                      </div>
-                      <div
-                        class="marker d-flex justify-center align-center rounded-circle"
-                        data-show-marker="true"
-                        data-v-5cc937bd=""
-                      />
-                    </div>
                     
                     
                     <button
@@ -777,7 +701,7 @@ exports[`JoinRoomPage > renders 1`] = `
                         
                       </div>
                       <div
-                        class="d-flex flex-column justify-center text-right pa-1 pl-3 w-100"
+                        class="d-flex flex-column justify-center text-right pa-3 pl-4 w-100"
                         data-v-607bdd70=""
                       >
                         <i
@@ -1054,80 +978,30 @@ exports[`JoinRoomPage > renders 1`] = `
         data-v-96a196cc=""
       >
         <div
-          class="message-indicator"
-          data-v-6b63f7d9=""
-          data-v-96a196cc=""
-        >
-          <div
-            class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center"
-            data-v-39e8094e=""
-            data-v-6b63f7d9=""
-          >
-            
-            <i
-              aria-hidden="true"
-              class="v-icon notranslate v-theme--light v-icon--size-default"
-              data-v-6b63f7d9=""
-            >
-              <svg
-                fill="none"
-                height="20"
-                viewBox="0 0 20 20"
-                width="20"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M17.6199 4.28609H16.6675V11.9051C16.6675 12.4289 16.239 12.8575 15.7151 12.8575H4.28657V13.8099C4.28657 14.8575 5.14372 15.7147 6.19134 15.7147H15.7151L19.5247 19.5242V6.19085C19.5247 5.14323 18.6675 4.28609 17.6199 4.28609ZM14.7628 9.04799V2.38132C14.7628 1.33371 13.9056 0.476562 12.858 0.476562H2.38181C1.33419 0.476562 0.477051 1.33371 0.477051 2.38132V14.7623L4.28657 10.9528H12.858C13.9056 10.9528 14.7628 10.0956 14.7628 9.04799Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </i>
-            
-          </div>
-          <div
-            class="count d-flex justify-center align-center"
-            data-show-count="true"
-            data-v-6b63f7d9=""
-          >
-            3
-          </div>
-        </div>
-        <div
-          class="news-indicator"
-          data-v-5cc937bd=""
+          class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center camera-button"
+          data-v-39e8094e=""
           data-v-96a196cc=""
         >
-          <div
-            class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center"
-            data-v-39e8094e=""
-            data-v-5cc937bd=""
+          
+          <i
+            aria-hidden="true"
+            class="v-icon notranslate v-theme--light v-icon--size-default"
+            data-v-96a196cc=""
           >
-            
-            <i
-              aria-hidden="true"
-              class="v-icon notranslate v-theme--light v-icon--size-default"
-              data-v-5cc937bd=""
+            <svg
+              fill="none"
+              height="17"
+              viewBox="0 0 21 17"
+              width="21"
+              xmlns="http://www.w3.org/2000/svg"
             >
-              <svg
-                fill="none"
-                height="20"
-                viewBox="0 0 16 20"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M0.381348 16.7172V14.8088H2.28971V8.12956C2.28971 6.80961 2.68729 5.63676 3.48244 4.61101C4.2776 3.58526 5.31129 2.91336 6.58354 2.5953V1.92737C6.58354 1.52979 6.72269 1.19185 7.00099 0.913549C7.2793 0.635245 7.61724 0.496094 8.01481 0.496094C8.41239 0.496094 8.75033 0.635245 9.02863 0.913549C9.30694 1.19185 9.44609 1.52979 9.44609 1.92737V2.5953C10.7183 2.91336 11.752 3.58526 12.5472 4.61101C13.3423 5.63676 13.7399 6.80961 13.7399 8.12956V14.8088H15.6483V16.7172H0.381348ZM8.01481 19.5798C7.49001 19.5798 7.04075 19.3929 6.66703 19.0192C6.29331 18.6455 6.10645 18.1962 6.10645 17.6714H9.92318C9.92318 18.1962 9.73632 18.6455 9.3626 19.0192C8.98888 19.3929 8.53961 19.5798 8.01481 19.5798ZM4.19808 14.8088H11.8315V8.12956C11.8315 7.07996 11.4578 6.18143 10.7104 5.43399C9.96294 4.68655 9.06441 4.31283 8.01481 4.31283C6.96521 4.31283 6.06669 4.68655 5.31925 5.43399C4.5718 6.18143 4.19808 7.07996 4.19808 8.12956V14.8088Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </i>
-            
-          </div>
-          <div
-            class="marker d-flex justify-center align-center rounded-circle"
-            data-show-marker="true"
-            data-v-5cc937bd=""
-          />
+              <path
+                d="M7.68844 12.4824H9.66834V9.51172H12.6382V7.53125H9.66834V4.56055H7.68844V7.53125H4.71859V9.51172H7.68844V12.4824ZM2.73869 16.4434C2.19422 16.4434 1.72812 16.2494 1.34038 15.8616C0.952654 15.4738 0.758789 15.0075 0.758789 14.4629V2.58008C0.758789 2.03545 0.952654 1.56921 1.34038 1.18137C1.72812 0.79353 2.19422 0.599609 2.73869 0.599609H14.6181C15.1626 0.599609 15.6287 0.79353 16.0164 1.18137C16.4041 1.56921 16.598 2.03545 16.598 2.58008V7.03613L20.5578 3.0752V13.9678L16.598 10.0068V14.4629C16.598 15.0075 16.4041 15.4738 16.0164 15.8616C15.6287 16.2494 15.1626 16.4434 14.6181 16.4434H2.73869ZM2.73869 14.4629H14.6181V2.58008H2.73869V14.4629Z"
+                fill="currentColor"
+              />
+            </svg>
+          </i>
+          
         </div>
         <div
           class="create-button-container"
@@ -1625,32 +1499,6 @@ exports[`JoinRoomPage > renders 1`] = `
             </div>
           </div>
         </div>
-        <div
-          class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center camera-button"
-          data-v-39e8094e=""
-          data-v-96a196cc=""
-        >
-          
-          <i
-            aria-hidden="true"
-            class="v-icon notranslate v-theme--light v-icon--size-default"
-            data-v-96a196cc=""
-          >
-            <svg
-              fill="none"
-              height="17"
-              viewBox="0 0 21 17"
-              width="21"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M7.68844 12.4824H9.66834V9.51172H12.6382V7.53125H9.66834V4.56055H7.68844V7.53125H4.71859V9.51172H7.68844V12.4824ZM2.73869 16.4434C2.19422 16.4434 1.72812 16.2494 1.34038 15.8616C0.952654 15.4738 0.758789 15.0075 0.758789 14.4629V2.58008C0.758789 2.03545 0.952654 1.56921 1.34038 1.18137C1.72812 0.79353 2.19422 0.599609 2.73869 0.599609H14.6181C15.1626 0.599609 15.6287 0.79353 16.0164 1.18137C16.4041 1.56921 16.598 2.03545 16.598 2.58008V7.03613L20.5578 3.0752V13.9678L16.598 10.0068V14.4629C16.598 15.0075 16.4041 15.4738 16.0164 15.8616C15.6287 16.2494 15.1626 16.4434 14.6181 16.4434H2.73869ZM2.73869 14.4629H14.6181V2.58008H2.73869V14.4629Z"
-                fill="currentColor"
-              />
-            </svg>
-          </i>
-          
-        </div>
         
         
         <button
@@ -1681,7 +1529,7 @@ exports[`JoinRoomPage > renders 1`] = `
             
           </div>
           <div
-            class="d-flex flex-column justify-center text-right pa-1 pl-3 w-100"
+            class="d-flex flex-column justify-center text-right pa-3 pl-4 w-100"
             data-v-607bdd70=""
           >
             <i
diff --git a/frontend/src/pages/room/__snapshots__/Page.test.ts.snap b/frontend/src/pages/room/__snapshots__/Page.test.ts.snap
index d5f9903bf1..7c398f47df 100644
--- a/frontend/src/pages/room/__snapshots__/Page.test.ts.snap
+++ b/frontend/src/pages/room/__snapshots__/Page.test.ts.snap
@@ -15,49 +15,6 @@ exports[`Room Page > renders 1`] = `
       style="--v-layout-left: 0px; --v-layout-right: 0px; --v-layout-top: NaN; --v-layout-bottom: 0px; transition: none !important;"
     >
       
-      <a
-        class="logo d-none d-md-flex"
-        data-v-75d0be1e=""
-        href="/"
-      >
-        <div
-          class="v-responsive v-img v-img--booting w-100 logo-small"
-          data-v-75d0be1e=""
-          data-v-f6be2607=""
-        >
-          <div
-            class="v-responsive__sizer"
-          />
-          
-          
-          <transition-stub
-            appear="true"
-            css="true"
-            name="fade-transition"
-            persisted="false"
-          >
-            <img
-              class="v-img__img v-img__img--contain"
-              src="/src/assets/dreammall-logo.svg"
-              style="display: none;"
-            />
-          </transition-stub>
-          <transition-stub
-            appear="false"
-            css="true"
-            name="fade-transition"
-            persisted="false"
-          >
-            <!---->
-          </transition-stub>
-          <!---->
-          <!---->
-          <!---->
-          
-          
-          <!---->
-        </div>
-      </a>
       <div
         class="top-menu mt-6 mt-sm-0"
         data-v-75d0be1e=""
@@ -85,45 +42,49 @@ exports[`Room Page > renders 1`] = `
                 class="v-col d-none d-md-flex align-center"
                 data-v-e787b5f9=""
               >
-                <div
-                  class="message-indicator"
-                  data-v-6b63f7d9=""
+                <a
+                  class="logo"
                   data-v-e787b5f9=""
+                  href="/"
                 >
                   <div
-                    class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center"
-                    data-v-39e8094e=""
-                    data-v-6b63f7d9=""
+                    class="v-responsive v-img v-img--booting w-100 logo-small"
+                    data-v-e787b5f9=""
+                    data-v-f6be2607=""
                   >
+                    <div
+                      class="v-responsive__sizer"
+                    />
                     
-                    <i
-                      aria-hidden="true"
-                      class="v-icon notranslate v-theme--light v-icon--size-default"
-                      data-v-6b63f7d9=""
+                    
+                    <transition-stub
+                      appear="true"
+                      css="true"
+                      name="fade-transition"
+                      persisted="false"
                     >
-                      <svg
-                        fill="none"
-                        height="20"
-                        viewBox="0 0 20 20"
-                        width="20"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M17.6199 4.28609H16.6675V11.9051C16.6675 12.4289 16.239 12.8575 15.7151 12.8575H4.28657V13.8099C4.28657 14.8575 5.14372 15.7147 6.19134 15.7147H15.7151L19.5247 19.5242V6.19085C19.5247 5.14323 18.6675 4.28609 17.6199 4.28609ZM14.7628 9.04799V2.38132C14.7628 1.33371 13.9056 0.476562 12.858 0.476562H2.38181C1.33419 0.476562 0.477051 1.33371 0.477051 2.38132V14.7623L4.28657 10.9528H12.858C13.9056 10.9528 14.7628 10.0956 14.7628 9.04799Z"
-                          fill="currentColor"
-                        />
-                      </svg>
-                    </i>
+                      <img
+                        class="v-img__img v-img__img--contain"
+                        src="/src/assets/dreammall-logo.svg"
+                        style="display: none;"
+                      />
+                    </transition-stub>
+                    <transition-stub
+                      appear="false"
+                      css="true"
+                      name="fade-transition"
+                      persisted="false"
+                    >
+                      <!---->
+                    </transition-stub>
+                    <!---->
+                    <!---->
+                    <!---->
                     
+                    
+                    <!---->
                   </div>
-                  <div
-                    class="count d-flex justify-center align-center"
-                    data-show-count="true"
-                    data-v-6b63f7d9=""
-                  >
-                    3
-                  </div>
-                </div>
+                </a>
               </div>
               <div
                 class="v-col d-flex align-center justify-center"
@@ -711,43 +672,6 @@ exports[`Room Page > renders 1`] = `
                       </i>
                       
                     </div>
-                    <div
-                      class="news-indicator ml-2"
-                      data-v-5cc937bd=""
-                      data-v-e787b5f9=""
-                    >
-                      <div
-                        class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center"
-                        data-v-39e8094e=""
-                        data-v-5cc937bd=""
-                      >
-                        
-                        <i
-                          aria-hidden="true"
-                          class="v-icon notranslate v-theme--light v-icon--size-default"
-                          data-v-5cc937bd=""
-                        >
-                          <svg
-                            fill="none"
-                            height="20"
-                            viewBox="0 0 16 20"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M0.381348 16.7172V14.8088H2.28971V8.12956C2.28971 6.80961 2.68729 5.63676 3.48244 4.61101C4.2776 3.58526 5.31129 2.91336 6.58354 2.5953V1.92737C6.58354 1.52979 6.72269 1.19185 7.00099 0.913549C7.2793 0.635245 7.61724 0.496094 8.01481 0.496094C8.41239 0.496094 8.75033 0.635245 9.02863 0.913549C9.30694 1.19185 9.44609 1.52979 9.44609 1.92737V2.5953C10.7183 2.91336 11.752 3.58526 12.5472 4.61101C13.3423 5.63676 13.7399 6.80961 13.7399 8.12956V14.8088H15.6483V16.7172H0.381348ZM8.01481 19.5798C7.49001 19.5798 7.04075 19.3929 6.66703 19.0192C6.29331 18.6455 6.10645 18.1962 6.10645 17.6714H9.92318C9.92318 18.1962 9.73632 18.6455 9.3626 19.0192C8.98888 19.3929 8.53961 19.5798 8.01481 19.5798ZM4.19808 14.8088H11.8315V8.12956C11.8315 7.07996 11.4578 6.18143 10.7104 5.43399C9.96294 4.68655 9.06441 4.31283 8.01481 4.31283C6.96521 4.31283 6.06669 4.68655 5.31925 5.43399C4.5718 6.18143 4.19808 7.07996 4.19808 8.12956V14.8088Z"
-                              fill="currentColor"
-                            />
-                          </svg>
-                        </i>
-                        
-                      </div>
-                      <div
-                        class="marker d-flex justify-center align-center rounded-circle"
-                        data-show-marker="true"
-                        data-v-5cc937bd=""
-                      />
-                    </div>
                     
                     
                     <button
@@ -778,7 +702,7 @@ exports[`Room Page > renders 1`] = `
                         
                       </div>
                       <div
-                        class="d-flex flex-column justify-center text-right pa-1 pl-3 w-100"
+                        class="d-flex flex-column justify-center text-right pa-3 pl-4 w-100"
                         data-v-607bdd70=""
                       >
                         <i
@@ -857,80 +781,30 @@ exports[`Room Page > renders 1`] = `
         data-v-96a196cc=""
       >
         <div
-          class="message-indicator"
-          data-v-6b63f7d9=""
-          data-v-96a196cc=""
-        >
-          <div
-            class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center"
-            data-v-39e8094e=""
-            data-v-6b63f7d9=""
-          >
-            
-            <i
-              aria-hidden="true"
-              class="v-icon notranslate v-theme--light v-icon--size-default"
-              data-v-6b63f7d9=""
-            >
-              <svg
-                fill="none"
-                height="20"
-                viewBox="0 0 20 20"
-                width="20"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M17.6199 4.28609H16.6675V11.9051C16.6675 12.4289 16.239 12.8575 15.7151 12.8575H4.28657V13.8099C4.28657 14.8575 5.14372 15.7147 6.19134 15.7147H15.7151L19.5247 19.5242V6.19085C19.5247 5.14323 18.6675 4.28609 17.6199 4.28609ZM14.7628 9.04799V2.38132C14.7628 1.33371 13.9056 0.476562 12.858 0.476562H2.38181C1.33419 0.476562 0.477051 1.33371 0.477051 2.38132V14.7623L4.28657 10.9528H12.858C13.9056 10.9528 14.7628 10.0956 14.7628 9.04799Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </i>
-            
-          </div>
-          <div
-            class="count d-flex justify-center align-center"
-            data-show-count="true"
-            data-v-6b63f7d9=""
-          >
-            3
-          </div>
-        </div>
-        <div
-          class="news-indicator"
-          data-v-5cc937bd=""
+          class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center camera-button"
+          data-v-39e8094e=""
           data-v-96a196cc=""
         >
-          <div
-            class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center"
-            data-v-39e8094e=""
-            data-v-5cc937bd=""
+          
+          <i
+            aria-hidden="true"
+            class="v-icon notranslate v-theme--light v-icon--size-default"
+            data-v-96a196cc=""
           >
-            
-            <i
-              aria-hidden="true"
-              class="v-icon notranslate v-theme--light v-icon--size-default"
-              data-v-5cc937bd=""
+            <svg
+              fill="none"
+              height="17"
+              viewBox="0 0 21 17"
+              width="21"
+              xmlns="http://www.w3.org/2000/svg"
             >
-              <svg
-                fill="none"
-                height="20"
-                viewBox="0 0 16 20"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M0.381348 16.7172V14.8088H2.28971V8.12956C2.28971 6.80961 2.68729 5.63676 3.48244 4.61101C4.2776 3.58526 5.31129 2.91336 6.58354 2.5953V1.92737C6.58354 1.52979 6.72269 1.19185 7.00099 0.913549C7.2793 0.635245 7.61724 0.496094 8.01481 0.496094C8.41239 0.496094 8.75033 0.635245 9.02863 0.913549C9.30694 1.19185 9.44609 1.52979 9.44609 1.92737V2.5953C10.7183 2.91336 11.752 3.58526 12.5472 4.61101C13.3423 5.63676 13.7399 6.80961 13.7399 8.12956V14.8088H15.6483V16.7172H0.381348ZM8.01481 19.5798C7.49001 19.5798 7.04075 19.3929 6.66703 19.0192C6.29331 18.6455 6.10645 18.1962 6.10645 17.6714H9.92318C9.92318 18.1962 9.73632 18.6455 9.3626 19.0192C8.98888 19.3929 8.53961 19.5798 8.01481 19.5798ZM4.19808 14.8088H11.8315V8.12956C11.8315 7.07996 11.4578 6.18143 10.7104 5.43399C9.96294 4.68655 9.06441 4.31283 8.01481 4.31283C6.96521 4.31283 6.06669 4.68655 5.31925 5.43399C4.5718 6.18143 4.19808 7.07996 4.19808 8.12956V14.8088Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </i>
-            
-          </div>
-          <div
-            class="marker d-flex justify-center align-center rounded-circle"
-            data-show-marker="true"
-            data-v-5cc937bd=""
-          />
+              <path
+                d="M7.68844 12.4824H9.66834V9.51172H12.6382V7.53125H9.66834V4.56055H7.68844V7.53125H4.71859V9.51172H7.68844V12.4824ZM2.73869 16.4434C2.19422 16.4434 1.72812 16.2494 1.34038 15.8616C0.952654 15.4738 0.758789 15.0075 0.758789 14.4629V2.58008C0.758789 2.03545 0.952654 1.56921 1.34038 1.18137C1.72812 0.79353 2.19422 0.599609 2.73869 0.599609H14.6181C15.1626 0.599609 15.6287 0.79353 16.0164 1.18137C16.4041 1.56921 16.598 2.03545 16.598 2.58008V7.03613L20.5578 3.0752V13.9678L16.598 10.0068V14.4629C16.598 15.0075 16.4041 15.4738 16.0164 15.8616C15.6287 16.2494 15.1626 16.4434 14.6181 16.4434H2.73869ZM2.73869 14.4629H14.6181V2.58008H2.73869V14.4629Z"
+                fill="currentColor"
+              />
+            </svg>
+          </i>
+          
         </div>
         <div
           class="create-button-container"
@@ -1428,32 +1302,6 @@ exports[`Room Page > renders 1`] = `
             </div>
           </div>
         </div>
-        <div
-          class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center camera-button"
-          data-v-39e8094e=""
-          data-v-96a196cc=""
-        >
-          
-          <i
-            aria-hidden="true"
-            class="v-icon notranslate v-theme--light v-icon--size-default"
-            data-v-96a196cc=""
-          >
-            <svg
-              fill="none"
-              height="17"
-              viewBox="0 0 21 17"
-              width="21"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M7.68844 12.4824H9.66834V9.51172H12.6382V7.53125H9.66834V4.56055H7.68844V7.53125H4.71859V9.51172H7.68844V12.4824ZM2.73869 16.4434C2.19422 16.4434 1.72812 16.2494 1.34038 15.8616C0.952654 15.4738 0.758789 15.0075 0.758789 14.4629V2.58008C0.758789 2.03545 0.952654 1.56921 1.34038 1.18137C1.72812 0.79353 2.19422 0.599609 2.73869 0.599609H14.6181C15.1626 0.599609 15.6287 0.79353 16.0164 1.18137C16.4041 1.56921 16.598 2.03545 16.598 2.58008V7.03613L20.5578 3.0752V13.9678L16.598 10.0068V14.4629C16.598 15.0075 16.4041 15.4738 16.0164 15.8616C15.6287 16.2494 15.1626 16.4434 14.6181 16.4434H2.73869ZM2.73869 14.4629H14.6181V2.58008H2.73869V14.4629Z"
-                fill="currentColor"
-              />
-            </svg>
-          </i>
-          
-        </div>
         
         
         <button
@@ -1484,7 +1332,7 @@ exports[`Room Page > renders 1`] = `
             
           </div>
           <div
-            class="d-flex flex-column justify-center text-right pa-1 pl-3 w-100"
+            class="d-flex flex-column justify-center text-right pa-3 pl-4 w-100"
             data-v-607bdd70=""
           >
             <i
diff --git a/frontend/src/pages/silent-refresh/__snapshots__/Page.test.ts.snap b/frontend/src/pages/silent-refresh/__snapshots__/Page.test.ts.snap
index 5a9ab0575a..239f1d8f78 100644
--- a/frontend/src/pages/silent-refresh/__snapshots__/Page.test.ts.snap
+++ b/frontend/src/pages/silent-refresh/__snapshots__/Page.test.ts.snap
@@ -15,49 +15,6 @@ exports[`SilentRefreshPage > auth service with succes > renders 1`] = `
       style="--v-layout-left: 0px; --v-layout-right: 0px; --v-layout-top: NaN; --v-layout-bottom: 0px; transition: none !important;"
     >
       
-      <a
-        class="logo d-none d-md-flex"
-        data-v-75d0be1e=""
-        href="/"
-      >
-        <div
-          class="v-responsive v-img v-img--booting w-100 logo-small"
-          data-v-75d0be1e=""
-          data-v-f6be2607=""
-        >
-          <div
-            class="v-responsive__sizer"
-          />
-          
-          
-          <transition-stub
-            appear="true"
-            css="true"
-            name="fade-transition"
-            persisted="false"
-          >
-            <img
-              class="v-img__img v-img__img--contain"
-              src="/src/assets/dreammall-logo.svg"
-              style="display: none;"
-            />
-          </transition-stub>
-          <transition-stub
-            appear="false"
-            css="true"
-            name="fade-transition"
-            persisted="false"
-          >
-            <!---->
-          </transition-stub>
-          <!---->
-          <!---->
-          <!---->
-          
-          
-          <!---->
-        </div>
-      </a>
       <div
         class="top-menu mt-6 mt-sm-0"
         data-v-75d0be1e=""
@@ -85,45 +42,49 @@ exports[`SilentRefreshPage > auth service with succes > renders 1`] = `
                 class="v-col d-none d-md-flex align-center"
                 data-v-e787b5f9=""
               >
-                <div
-                  class="message-indicator"
-                  data-v-6b63f7d9=""
+                <a
+                  class="logo"
                   data-v-e787b5f9=""
+                  href="/"
                 >
                   <div
-                    class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center"
-                    data-v-39e8094e=""
-                    data-v-6b63f7d9=""
+                    class="v-responsive v-img v-img--booting w-100 logo-small"
+                    data-v-e787b5f9=""
+                    data-v-f6be2607=""
                   >
+                    <div
+                      class="v-responsive__sizer"
+                    />
                     
-                    <i
-                      aria-hidden="true"
-                      class="v-icon notranslate v-theme--light v-icon--size-default"
-                      data-v-6b63f7d9=""
+                    
+                    <transition-stub
+                      appear="true"
+                      css="true"
+                      name="fade-transition"
+                      persisted="false"
                     >
-                      <svg
-                        fill="none"
-                        height="20"
-                        viewBox="0 0 20 20"
-                        width="20"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M17.6199 4.28609H16.6675V11.9051C16.6675 12.4289 16.239 12.8575 15.7151 12.8575H4.28657V13.8099C4.28657 14.8575 5.14372 15.7147 6.19134 15.7147H15.7151L19.5247 19.5242V6.19085C19.5247 5.14323 18.6675 4.28609 17.6199 4.28609ZM14.7628 9.04799V2.38132C14.7628 1.33371 13.9056 0.476562 12.858 0.476562H2.38181C1.33419 0.476562 0.477051 1.33371 0.477051 2.38132V14.7623L4.28657 10.9528H12.858C13.9056 10.9528 14.7628 10.0956 14.7628 9.04799Z"
-                          fill="currentColor"
-                        />
-                      </svg>
-                    </i>
+                      <img
+                        class="v-img__img v-img__img--contain"
+                        src="/src/assets/dreammall-logo.svg"
+                        style="display: none;"
+                      />
+                    </transition-stub>
+                    <transition-stub
+                      appear="false"
+                      css="true"
+                      name="fade-transition"
+                      persisted="false"
+                    >
+                      <!---->
+                    </transition-stub>
+                    <!---->
+                    <!---->
+                    <!---->
                     
+                    
+                    <!---->
                   </div>
-                  <div
-                    class="count d-flex justify-center align-center"
-                    data-show-count="true"
-                    data-v-6b63f7d9=""
-                  >
-                    3
-                  </div>
-                </div>
+                </a>
               </div>
               <div
                 class="v-col d-flex align-center justify-center"
@@ -711,43 +672,6 @@ exports[`SilentRefreshPage > auth service with succes > renders 1`] = `
                       </i>
                       
                     </div>
-                    <div
-                      class="news-indicator ml-2"
-                      data-v-5cc937bd=""
-                      data-v-e787b5f9=""
-                    >
-                      <div
-                        class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center"
-                        data-v-39e8094e=""
-                        data-v-5cc937bd=""
-                      >
-                        
-                        <i
-                          aria-hidden="true"
-                          class="v-icon notranslate v-theme--light v-icon--size-default"
-                          data-v-5cc937bd=""
-                        >
-                          <svg
-                            fill="none"
-                            height="20"
-                            viewBox="0 0 16 20"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M0.381348 16.7172V14.8088H2.28971V8.12956C2.28971 6.80961 2.68729 5.63676 3.48244 4.61101C4.2776 3.58526 5.31129 2.91336 6.58354 2.5953V1.92737C6.58354 1.52979 6.72269 1.19185 7.00099 0.913549C7.2793 0.635245 7.61724 0.496094 8.01481 0.496094C8.41239 0.496094 8.75033 0.635245 9.02863 0.913549C9.30694 1.19185 9.44609 1.52979 9.44609 1.92737V2.5953C10.7183 2.91336 11.752 3.58526 12.5472 4.61101C13.3423 5.63676 13.7399 6.80961 13.7399 8.12956V14.8088H15.6483V16.7172H0.381348ZM8.01481 19.5798C7.49001 19.5798 7.04075 19.3929 6.66703 19.0192C6.29331 18.6455 6.10645 18.1962 6.10645 17.6714H9.92318C9.92318 18.1962 9.73632 18.6455 9.3626 19.0192C8.98888 19.3929 8.53961 19.5798 8.01481 19.5798ZM4.19808 14.8088H11.8315V8.12956C11.8315 7.07996 11.4578 6.18143 10.7104 5.43399C9.96294 4.68655 9.06441 4.31283 8.01481 4.31283C6.96521 4.31283 6.06669 4.68655 5.31925 5.43399C4.5718 6.18143 4.19808 7.07996 4.19808 8.12956V14.8088Z"
-                              fill="currentColor"
-                            />
-                          </svg>
-                        </i>
-                        
-                      </div>
-                      <div
-                        class="marker d-flex justify-center align-center rounded-circle"
-                        data-show-marker="true"
-                        data-v-5cc937bd=""
-                      />
-                    </div>
                     
                     
                     <button
@@ -778,7 +702,7 @@ exports[`SilentRefreshPage > auth service with succes > renders 1`] = `
                         
                       </div>
                       <div
-                        class="d-flex flex-column justify-center text-right pa-1 pl-3 w-100"
+                        class="d-flex flex-column justify-center text-right pa-3 pl-4 w-100"
                         data-v-607bdd70=""
                       >
                         <i
@@ -857,80 +781,30 @@ exports[`SilentRefreshPage > auth service with succes > renders 1`] = `
         data-v-96a196cc=""
       >
         <div
-          class="message-indicator"
-          data-v-6b63f7d9=""
-          data-v-96a196cc=""
-        >
-          <div
-            class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center"
-            data-v-39e8094e=""
-            data-v-6b63f7d9=""
-          >
-            
-            <i
-              aria-hidden="true"
-              class="v-icon notranslate v-theme--light v-icon--size-default"
-              data-v-6b63f7d9=""
-            >
-              <svg
-                fill="none"
-                height="20"
-                viewBox="0 0 20 20"
-                width="20"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M17.6199 4.28609H16.6675V11.9051C16.6675 12.4289 16.239 12.8575 15.7151 12.8575H4.28657V13.8099C4.28657 14.8575 5.14372 15.7147 6.19134 15.7147H15.7151L19.5247 19.5242V6.19085C19.5247 5.14323 18.6675 4.28609 17.6199 4.28609ZM14.7628 9.04799V2.38132C14.7628 1.33371 13.9056 0.476562 12.858 0.476562H2.38181C1.33419 0.476562 0.477051 1.33371 0.477051 2.38132V14.7623L4.28657 10.9528H12.858C13.9056 10.9528 14.7628 10.0956 14.7628 9.04799Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </i>
-            
-          </div>
-          <div
-            class="count d-flex justify-center align-center"
-            data-show-count="true"
-            data-v-6b63f7d9=""
-          >
-            3
-          </div>
-        </div>
-        <div
-          class="news-indicator"
-          data-v-5cc937bd=""
+          class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center camera-button"
+          data-v-39e8094e=""
           data-v-96a196cc=""
         >
-          <div
-            class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center"
-            data-v-39e8094e=""
-            data-v-5cc937bd=""
+          
+          <i
+            aria-hidden="true"
+            class="v-icon notranslate v-theme--light v-icon--size-default"
+            data-v-96a196cc=""
           >
-            
-            <i
-              aria-hidden="true"
-              class="v-icon notranslate v-theme--light v-icon--size-default"
-              data-v-5cc937bd=""
+            <svg
+              fill="none"
+              height="17"
+              viewBox="0 0 21 17"
+              width="21"
+              xmlns="http://www.w3.org/2000/svg"
             >
-              <svg
-                fill="none"
-                height="20"
-                viewBox="0 0 16 20"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M0.381348 16.7172V14.8088H2.28971V8.12956C2.28971 6.80961 2.68729 5.63676 3.48244 4.61101C4.2776 3.58526 5.31129 2.91336 6.58354 2.5953V1.92737C6.58354 1.52979 6.72269 1.19185 7.00099 0.913549C7.2793 0.635245 7.61724 0.496094 8.01481 0.496094C8.41239 0.496094 8.75033 0.635245 9.02863 0.913549C9.30694 1.19185 9.44609 1.52979 9.44609 1.92737V2.5953C10.7183 2.91336 11.752 3.58526 12.5472 4.61101C13.3423 5.63676 13.7399 6.80961 13.7399 8.12956V14.8088H15.6483V16.7172H0.381348ZM8.01481 19.5798C7.49001 19.5798 7.04075 19.3929 6.66703 19.0192C6.29331 18.6455 6.10645 18.1962 6.10645 17.6714H9.92318C9.92318 18.1962 9.73632 18.6455 9.3626 19.0192C8.98888 19.3929 8.53961 19.5798 8.01481 19.5798ZM4.19808 14.8088H11.8315V8.12956C11.8315 7.07996 11.4578 6.18143 10.7104 5.43399C9.96294 4.68655 9.06441 4.31283 8.01481 4.31283C6.96521 4.31283 6.06669 4.68655 5.31925 5.43399C4.5718 6.18143 4.19808 7.07996 4.19808 8.12956V14.8088Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </i>
-            
-          </div>
-          <div
-            class="marker d-flex justify-center align-center rounded-circle"
-            data-show-marker="true"
-            data-v-5cc937bd=""
-          />
+              <path
+                d="M7.68844 12.4824H9.66834V9.51172H12.6382V7.53125H9.66834V4.56055H7.68844V7.53125H4.71859V9.51172H7.68844V12.4824ZM2.73869 16.4434C2.19422 16.4434 1.72812 16.2494 1.34038 15.8616C0.952654 15.4738 0.758789 15.0075 0.758789 14.4629V2.58008C0.758789 2.03545 0.952654 1.56921 1.34038 1.18137C1.72812 0.79353 2.19422 0.599609 2.73869 0.599609H14.6181C15.1626 0.599609 15.6287 0.79353 16.0164 1.18137C16.4041 1.56921 16.598 2.03545 16.598 2.58008V7.03613L20.5578 3.0752V13.9678L16.598 10.0068V14.4629C16.598 15.0075 16.4041 15.4738 16.0164 15.8616C15.6287 16.2494 15.1626 16.4434 14.6181 16.4434H2.73869ZM2.73869 14.4629H14.6181V2.58008H2.73869V14.4629Z"
+                fill="currentColor"
+              />
+            </svg>
+          </i>
+          
         </div>
         <div
           class="create-button-container"
@@ -1428,32 +1302,6 @@ exports[`SilentRefreshPage > auth service with succes > renders 1`] = `
             </div>
           </div>
         </div>
-        <div
-          class="circle rounded-circle border-sm text-icon pa-2 d-flex justify-center align-center camera-button"
-          data-v-39e8094e=""
-          data-v-96a196cc=""
-        >
-          
-          <i
-            aria-hidden="true"
-            class="v-icon notranslate v-theme--light v-icon--size-default"
-            data-v-96a196cc=""
-          >
-            <svg
-              fill="none"
-              height="17"
-              viewBox="0 0 21 17"
-              width="21"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M7.68844 12.4824H9.66834V9.51172H12.6382V7.53125H9.66834V4.56055H7.68844V7.53125H4.71859V9.51172H7.68844V12.4824ZM2.73869 16.4434C2.19422 16.4434 1.72812 16.2494 1.34038 15.8616C0.952654 15.4738 0.758789 15.0075 0.758789 14.4629V2.58008C0.758789 2.03545 0.952654 1.56921 1.34038 1.18137C1.72812 0.79353 2.19422 0.599609 2.73869 0.599609H14.6181C15.1626 0.599609 15.6287 0.79353 16.0164 1.18137C16.4041 1.56921 16.598 2.03545 16.598 2.58008V7.03613L20.5578 3.0752V13.9678L16.598 10.0068V14.4629C16.598 15.0075 16.4041 15.4738 16.0164 15.8616C15.6287 16.2494 15.1626 16.4434 14.6181 16.4434H2.73869ZM2.73869 14.4629H14.6181V2.58008H2.73869V14.4629Z"
-                fill="currentColor"
-              />
-            </svg>
-          </i>
-          
-        </div>
         
         
         <button
@@ -1484,7 +1332,7 @@ exports[`SilentRefreshPage > auth service with succes > renders 1`] = `
             
           </div>
           <div
-            class="d-flex flex-column justify-center text-right pa-1 pl-3 w-100"
+            class="d-flex flex-column justify-center text-right pa-3 pl-4 w-100"
             data-v-607bdd70=""
           >
             <i