fix: scroll behavior audits

packages/nc-gui/components/account/Profile.vue

@@ -69,7 +69,7 @@ const onValidate = async (_: any, valid: boolean) => {
         <div class="flex text-gray-500">{{ $t('labels.controlAppearance') }}</div>
         <div class="flex flex-row mt-4">
           <div class="flex h-20 mt-1.5">
-            <GeneralUserIcon size="xlarge" />
+            <GeneralUserIcon size="xlarge" :email="user?.email" />
           </div>
           <div class="flex w-10"></div>
           <a-form

packages/nc-gui/components/cell/TextArea.vue

@@ -113,7 +113,7 @@ onClickOutside(inputWrapperRef, (e) => {
       <span v-else>{{ vModel }}</span>
 
       <div
-        v-if="active"
+        v-if="active && !isExpandedFormOpen"
         class="!absolute right-0 bottom-0 h-6 w-5 group cursor-pointer flex justify-end gap-1 items-center active:(ring ring-accent ring-opacity-100) rounded border-none p-1 hover:(bg-primary bg-opacity-10) dark:(!bg-slate-500)"
         :class="{ 'right-2 bottom-2': editEnabled }"
         data-testid="attachment-cell-file-picker-button"

packages/nc-gui/components/smartsheet/expanded-form/Comments.vue

@@ -8,10 +8,6 @@ const { loadCommentsAndLogs, commentsAndLogs, saveComment: _saveComment, comment
 
 const commentsWrapperEl = ref<HTMLDivElement>()
 
-const auditTabDomRef = (e: HTMLElement) => {
-  e.scrollTop = e.scrollHeight
-}
-
 onMounted(async () => {
   await loadCommentsAndLogs()
 })
@@ -232,7 +228,7 @@ const processedAudit = (log: string) => {
           </div>
         </div>
       </div>
-      <div v-if="tab === 'audits'" :ref="auditTabDomRef" class="flex flex-col h-full pl-2 pr-1 pt-2 nc-scrollbar-md space-y-2">
+      <div v-if="tab === 'audits'" ref="commentsWrapperEl" class="flex flex-col h-full pl-2 pr-1 pt-2 nc-scrollbar-md space-y-2">
         <template v-if="audits.length === 0">
           <div class="flex flex-col text-center justify-center h-full">
             <div class="text-center text-3xl text-gray-600">
@@ -246,8 +242,7 @@ const processedAudit = (log: string) => {
             <div class="flex flex-col p-4 gap-3">
               <div class="flex justify-between">
                 <div class="flex items-center gap-2">
-                  <GeneralUserIcon size="base" :name="log.display_name ?? log.user" />
-
+                  <GeneralUserIcon size="base" :email="log.user" />
                   <div class="flex flex-col">
                     <span class="truncate font-bold max-w-50">
                       {{ log.display_name ?? log.user.split('@')[0].slice(0, 2) ?? 'Shared source' }}