fix: long text without line breaks

src/components/Topbar/TopbarHistoryPop.vue

@@ -368,7 +368,8 @@ function scrollToTop(element: HTMLElement, duration: number) {
                 <h3
                   class="keep-two-lines"
                   overflow="hidden"
-                  text="overflow-ellipsis"
+                  text="ellipsis"
+                  break-anywhere
                 >
                   {{ historyItem.title }}
                 </h3>

src/components/Topbar/TopbarMomentsPop.vue

@@ -382,7 +382,7 @@ function scrollToTop(element: HTMLElement, duration: number) {
             <div flex="~" justify="between" w="full">
               <div>
                 <span>{{ `${moment.name} ${t('topbar.moments_dropdown.uploaded')}` }}</span>
-                <div overflow="hidden" text="overflow-ellipsis">
+                <div overflow-hidden text-ellipsis break-anywhere>
                   {{ moment.title }}
                 </div>
                 <div