fix(scrollbar): suppress horizontal scrolling

Author: antonreshetov

src/renderer/components/editor/Description.vue

@@ -38,6 +38,7 @@ watch(selectedSnippet, () => {
       v-model="description"
       :focus="show"
       variant="ghost"
+      :scrollbar-options="{ suppressScrollX: true }"
     />
   </div>
 </template>

src/renderer/components/sidebar/folders/Tree.vue

@@ -178,7 +178,7 @@ provide(treeKeys, {
   <PerfectScrollbar
     v-if="modelValue.length"
     ref="scrollRef"
-    :options="{ minScrollbarLength: 20 }"
+    :options="{ minScrollbarLength: 20, suppressScrollX: true }"
   >
     <ContextMenu.Root>
       <ContextMenu.Trigger as-child>

src/renderer/components/sidebar/tags/Tags.vue

@@ -72,7 +72,7 @@ function onUpdateContextMenu(bool: boolean) {
   <PerfectScrollbar
     v-if="tags.length"
     data-sidebar-tags
-    :options="{ minScrollbarLength: 20 }"
+    :options="{ minScrollbarLength: 20, suppressScrollX: true }"
   >
     <ContextMenu.Root @update:open="onUpdateContextMenu">
       <ContextMenu.Trigger>

src/renderer/components/snippet/List.vue

@@ -46,7 +46,7 @@ watch(displayedSnippets, () => {
     <PerfectScrollbar
       v-if="displayedSnippets?.length"
       ref="scrollbarRef"
-      :options="{ minScrollbarLength: 20 }"
+      :options="{ minScrollbarLength: 20, suppressScrollX: true }"
     >
       <div class="flex-grow overflow-y-auto px-2">
         <SnippetItem

src/renderer/components/ui/input-tags/InputTags.vue

@@ -347,7 +347,7 @@ watch(
   >
     <PerfectScrollbar
       ref="scrollbarRef"
-      :options="{ minScrollbarLength: 20 }"
+      :options="{ minScrollbarLength: 20, suppressScrollX: true }"
     >
       <ul class="w-full p-1">
         <li