Added some error message handling and added basic info about functionality on ui

app/settings/tts/voices/page.tsx

@@ -13,6 +13,7 @@ import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover
 import { Label } from "@/components/ui/label";
 import { Checkbox } from "@/components/ui/checkbox";
 import voices from "@/data/tts";
+import InfoNotice from "@/components/elements/info-notice";
 
 const TTSVoiceFiltersPage = () => {
   const { data: session, status } = useSession();
@@ -94,8 +95,7 @@ const TTSVoiceFiltersPage = () => {
                         setValue(Number.parseInt(currentValue))
                         onDefaultChange(voice.label)
                         setOpen(false)
-                      }}
-                    >
+                      }}>
                       <Check
                         className={cn(
                           "mr-2 h-4 w-4",
@@ -113,6 +113,7 @@ const TTSVoiceFiltersPage = () => {
 
         <div className="w-full pt-[50px]">
           <p className="text-xl text-center justify-center">Voices Enabled</p>
+          <InfoNotice message="Voices can be disabled from being used. Default voice will always work." hidden={false} />
           <div className="grid grid-cols-4 grid-flow-row gap-4 pt-[20px]">
             {voices.map((v, i) => (
               <div key={v.label + "-enabled"} className="h-[30px] row-span-1 col-span-1 align-middle flex items-center justify-center">