set for correctly on labels

components/select.tsx

@@ -2,11 +2,13 @@ import React from 'react'
 
 export default function Select({
   label,
+  name,
   value,
   onChange,
   children,
 }: {
   label: string
+  name: string
   value: string
   onChange: (e: React.ChangeEvent<HTMLSelectElement>) => void
   children: React.ReactNode
@@ -14,11 +16,14 @@ export default function Select({
   return (
     <div className="fsw">
       <div className="fs">
-        <label className="flabel">{label}</label>
+        <label className="flabel" htmlFor={name}>
+          {label}
+        </label>
         <div className="relative">
           <select
             className="block appearance-none w-full bg-gray-200 border border-gray-200 text-gray-700 py-3 px-4 pr-8 rounded leading-tight focus:outline-none focus:bg-white focus:border-gray-500"
-            id="rate"
+            id={name}
+            name={name}
             value={value}
             onChange={onChange}
           >