fix: show placeholder select while waiting for load

packages/frontend/src/components/shared/Select/Select.tsx

@@ -219,6 +219,7 @@ export const Select = ({
     getItemProps,
     openMenu,
   } = useCombobox({
+    defaultInputValue: (options[0] as unknown as SelectOption)?.value,
     items: filteredItems,
     selectedItem: multiple ? null : (value as SelectOption) || null,
     // @ts-expect-error – there are two params but we don't need the second one

packages/frontend/src/pages/org-slug/projects/create/template/index.tsx

@@ -143,24 +143,29 @@ const CreateRepo = () => {
             The project will be cloned into this repository
           </Heading>
         </div>
+
         <div className="flex flex-col justify-start gap-3">
           <span className="text-sm text-elements-high-em">Git account</span>
-          <Controller
+          {gitAccounts.length > 0 ? (
-            name="account"
+            <Controller
-            control={control}
+              name="account"
-            render={({ field: { value, onChange } }) => (
+              control={control}
-              <Select
+              render={({ field: { value, onChange } }) => (
-                value={{ value } as SelectOption}
+                <Select
-                onChange={(value) => onChange((value as SelectOption).value)}
+                  value={{ value } as SelectOption}
-                options={
+                  onChange={(value) => onChange((value as SelectOption).value)}
-                  gitAccounts.map((account) => ({
+                  options={
-                    value: account,
+                    gitAccounts.map((account) => ({
-                    label: account,
+                      value: account,
-                  })) ?? []
+                      label: account,
-                }
+                    })) ?? []
-              />
+                  }
-            )}
+                />
-          />
+              )}
+            />
+          ) : (
+            <Select options={[]} disabled />
+          )}
         </div>
         <div className="flex flex-col justify-start gap-3">
           <span className="text-sm text-elements-high-em">Name the repo</span>