fix(a11y): a folder's options button is named and not nested inside another button (#33093)

src/lib/components/chat/Placeholder/FolderTitle.svelte

@@ -261,13 +261,9 @@
 						showCreateSubFolderModal = true;
 					}}
 				>
-					<button
-						class="p-1.5 dark:hover:bg-gray-850 rounded-full touch-auto"
-						aria-label={$i18n.t('Folder options')}
-						on:click={(e) => {}}
-					>
+					<div class="inline-flex p-1.5 dark:hover:bg-gray-850 rounded-full touch-auto">
 						<EllipsisHorizontal className="size-4" strokeWidth="2.5" />
-					</button>
+					</div>
 				</FolderMenu>
 			</div>
 		{/if}

src/lib/components/layout/Sidebar/Folders/FolderMenu.svelte

@@ -38,6 +38,7 @@
 >
 	<Tooltip content={$i18n.t('More')}>
 		<button
+			aria-label={$i18n.t('Folder options')}
 			on:click={(e) => {
 				e.stopPropagation();
 				show = !show;

src/lib/components/layout/Sidebar/RecursiveFolder.svelte

@@ -914,8 +914,9 @@
 				</div>
 
 				{#if isWritable}
-					<button
+					<div
 						class="absolute z-10 right-2 hover-reveal self-center flex items-center dark:text-gray-300"
+						role="presentation"
 						on:pointerdown={() => (openPreview = false)}
 					>
 						<FolderMenu
@@ -941,7 +942,7 @@
 								<MoreHorizontal className="size-3.5" strokeWidth="2" />
 							</div>
 						</FolderMenu>
-					</button>
+					</div>
 				{/if}
 			</div>
 		</div>