feat: first collapsible always open, disable autocomplete

src/lib/components/collapsibleItem.svelte

@@ -1,9 +1,10 @@
 <script lang="ts">
     export let withIndentation = false;
+    export let open = false;
 </script>
 
 <li class="collapsible-item">
-    <details class="collapsible-wrapper">
+    <details class="collapsible-wrapper" {open}>
         <summary class="collapsible-button">
             <slot name="beforetitle" />
             <div>

src/routes/console/project-[project]/functions/createVariable.svelte

@@ -42,7 +42,8 @@
             placeholder="Enter key"
             bind:value={pair.key}
             required
-            autofocus />
+            autofocus
+            autocomplete={false} />
         <InputSecret id="value" label="Value" placeholder="Enter value" bind:value={pair.value} />
     </FormList>
     <svelte:fragment slot="footer">

src/routes/console/project-[project]/functions/function-[function]/create.svelte

@@ -143,8 +143,8 @@
             >.
         </p>
         <Collapsible>
-            {#each ['Unix', 'CMD', 'PowerShell'] as category}
-                <CollapsibleItem>
+            {#each ['Unix', 'CMD', 'PowerShell'] as category, i}
+                <CollapsibleItem open={i === 0}>
                     <svelte:fragment slot="title">{category}</svelte:fragment>
                     <Code
                         withLineNumbers