[portal][ui] allow value to be specified for comapnies and job titles typeahead

apps/portal/src/components/shared/CompaniesTypeahead.tsx

@@ -11,6 +11,7 @@ type Props = Readonly<{
   onSelect: (option: TypeaheadOption | null) => void;
   placeholder?: string;
   required?: boolean;
+  value?: TypeaheadOption | null;
 }>;
 
 export default function CompaniesTypeahead({
@@ -19,6 +20,7 @@ export default function CompaniesTypeahead({
   isLabelHidden,
   placeholder,
   required,
+  value,
 }: Props) {
   const [query, setQuery] = useState('');
   const companies = trpc.useQuery([
@@ -47,6 +49,7 @@ export default function CompaniesTypeahead({
       placeholder={placeholder}
       required={required}
       textSize="inherit"
+      value={value}
       onQueryChange={setQuery}
       onSelect={onSelect}
     />

apps/portal/src/components/shared/JobTitlesTypahead.tsx

@@ -10,6 +10,7 @@ type Props = Readonly<{
   onSelect: (option: TypeaheadOption | null) => void;
   placeholder?: string;
   required?: boolean;
+  value?: TypeaheadOption | null;
 }>;
 
 export default function JobTitlesTypeahead({
@@ -18,6 +19,7 @@ export default function JobTitlesTypeahead({
   isLabelHidden,
   placeholder,
   required,
+  value,
 }: Props) {
   const [query, setQuery] = useState('');
   const options = Object.entries(JobTitleLabels)
@@ -42,6 +44,7 @@ export default function JobTitlesTypeahead({
       placeholder={placeholder}
       required={required}
       textSize="inherit"
+      value={value}
       onQueryChange={setQuery}
       onSelect={onSelect}
     />

packages/ui/src/Typeahead/Typeahead.tsx

@@ -37,7 +37,7 @@ type Props = Readonly<{
   onSelect: (option: TypeaheadOption | null) => void;
   options: ReadonlyArray<TypeaheadOption>;
   textSize?: TypeaheadTextSize;
-  value?: TypeaheadOption;
+  value?: TypeaheadOption | null;
 }> &
   Readonly<Attributes>;
 
@@ -90,6 +90,8 @@ export default function Typeahead({
   return (
     <div>
       <Combobox
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
         by="id"
         disabled={disabled}
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -104,7 +106,7 @@ export default function Typeahead({
         onChange={(newValue) => {
           // eslint-disable-next-line @typescript-eslint/ban-ts-comment
           // @ts-ignore
-          onSelect(newValue as TypeaheadOption);
+          onSelect(newValue as TypeaheadOption | null);
         }}>
         <Combobox.Label
           className={clsx(