fix(fe2): Use better input names to avoid triggering autocomplete. Stop "a few seconds ago" from breaking line (#2280)

* Use better input names to avoid triggering autocomplete

* Don't break line for "a few seconds ago"

* Other cases of name="name"

* Revert "Other cases of name="name""

This reverts commit fef7068bcb9e1511b1b57e17cc7824c4b2b39fe8.

* Revert "Use better input names to avoid triggering autocomplete"

This reverts commit f7d8d02ee1396a91ba984a64e32553fee9ec419b.

* Add autocomplete off

packages/frontend-2/components/automate/function/create-dialog/DetailsStep.vue

@@ -20,6 +20,7 @@
           show-required
           :rules="nameRules"
           validate-on-value-update
+          autocomplete="off"
         />
       </div>
     </div>

packages/frontend-2/components/project/model-page/dialog/move-to/NewTab.vue

@@ -18,6 +18,7 @@
         :custom-icon="CubeIcon"
         :rules="rules"
         :disabled="disabled"
+        autocomplete="off"
       />
       <div class="flex justify-end">
         <FormButton submit :disabled="disabled">Move</FormButton>

packages/frontend-2/components/project/page/models/NewDialog.vue

@@ -19,6 +19,7 @@
           :rules="rules"
           :disabled="anyMutationsLoading"
           help="Use forward slashes in the model name to nest it below other models."
+          autocomplete="off"
         />
         <FormTextArea
           v-model="newDescription"

packages/frontend-2/components/project/page/models/NewModelStructureItem.vue

@@ -25,6 +25,7 @@
             auto-focus
             :rules="rules"
             :disabled="anyMutationsLoading"
+            autocomplete="off"
           />
         </div>
         <div class="flex flex-wrap gap-1 sm:gap-2">

packages/frontend-2/components/project/page/models/card/EditDialog.vue

@@ -34,6 +34,7 @@
           auto-focus
           :disabled="loading"
           help="Use forward slashes in the model name to nest it below other models."
+          autocomplete="off"
         />
         <FormTextArea
           v-model="newDescription"

packages/frontend-2/components/projects/AddDialog.vue

@@ -10,6 +10,7 @@
           :rules="[isRequired, isStringOfLength({ maxLength: 512 })]"
           show-required
           auto-focus
+          autocomplete="off"
         />
         <FormTextArea
           name="description"

packages/frontend-2/components/viewer/resources/VersionCard.vue

@@ -29,14 +29,14 @@
     >
       <ChevronDownIcon class="h-3 w-3" />
     </div>
-    <div class="flex items-center space-x-2 pl-1">
+    <div class="flex items-center gap-1 pl-1">
       <div class="z-20 -ml-2">
         <UserAvatar :user="author" />
       </div>
       <div
         v-show="showTimeline"
         v-tippy="`${createdAt}`"
-        class="bg-foundation-focus inline-block rounded-full px-2 text-xs font-bold"
+        class="bg-foundation-focus inline-block rounded-full px-2 text-xs font-bold shrink-0"
       >
         <span>{{ isLatest ? 'Latest' : timeAgoCreatedAt }}</span>
       </div>