A11y: Buttons do not have an accessible name

src/lib/components/chat/MessageInput.svelte

@@ -504,6 +504,7 @@
 										<button
 											class="bg-gray-50 hover:bg-gray-100 text-gray-800 dark:bg-gray-850 dark:text-white dark:hover:bg-gray-800 transition rounded-full p-2 outline-none focus:outline-none"
 											type="button"
+											aria-label="More"
 										>
 											<svg
 												xmlns="http://www.w3.org/2000/svg"
@@ -720,6 +721,7 @@
 														toast.error($i18n.t('Permission denied when accessing microphone'));
 													}
 												}}
+												aria-label="Voice Input"
 											>
 												<svg
 													xmlns="http://www.w3.org/2000/svg"
@@ -779,6 +781,7 @@
 														toast.error($i18n.t('Permission denied when accessing media devices'));
 													}
 												}}
+												aria-label="Call"
 											>
 												<Headphone className="size-6" />
 											</button>

src/lib/components/chat/ModelSelector.svelte

@@ -63,6 +63,7 @@
 							on:click={() => {
 								selectedModels = [...selectedModels, ''];
 							}}
+							aria-label="Add Model"
 						>
 							<svg
 								xmlns="http://www.w3.org/2000/svg"
@@ -86,6 +87,7 @@
 								selectedModels.splice(selectedModelIdx, 1);
 								selectedModels = selectedModels;
 							}}
+							aria-label="Remove Model"
 						>
 							<svg
 								xmlns="http://www.w3.org/2000/svg"

src/lib/components/layout/Navbar.svelte

@@ -54,6 +54,7 @@
 					on:click={() => {
 						showSidebar.set(!$showSidebar);
 					}}
+					aria-label="Toggle Sidebar"
 				>
 					<div class=" m-auto self-center">
 						<MenuLines />
@@ -111,6 +112,7 @@
 						on:click={() => {
 							showControls = !showControls;
 						}}
+						aria-label="Controls"
 					>
 						<div class=" m-auto self-center">
 							<AdjustmentsHorizontal className=" size-5" strokeWidth="0.5" />
@@ -127,6 +129,7 @@
 						on:click={() => {
 							initNewChat();
 						}}
+						aria-label="New Chat"
 					>
 						<div class=" m-auto self-center">
 							<svg

src/routes/(app)/admin/+layout.svelte

@@ -39,6 +39,7 @@
 						on:click={() => {
 							showSidebar.set(!$showSidebar);
 						}}
+						aria-label="Toggle Sidebar"
 					>
 						<div class=" m-auto self-center">
 							<MenuLines />

src/routes/(app)/playground/+layout.svelte

@@ -29,6 +29,7 @@
 					on:click={() => {
 						showSidebar.set(!$showSidebar);
 					}}
+					aria-label="Toggle Sidebar"
 				>
 					<div class=" m-auto self-center">
 						<MenuLines />

src/routes/(app)/workspace/+layout.svelte

@@ -39,6 +39,7 @@
 						on:click={() => {
 							showSidebar.set(!$showSidebar);
 						}}
+						aria-label="Toggle Sidebar"
 					>
 						<div class=" m-auto self-center">
 							<MenuLines />