feat(chat): correct code formatting

Author: Sviatlana Marozka

apps/chat/src/components/Chat/MessageAttachment.tsx

@@ -280,10 +280,12 @@ export const MessageAttachment = ({ attachment, isInner }: Props) => {
     <div
       data-no-context-menu
       className={classNames(
-        'bg-layer-3 rounded px-1 py-2',
+        'rounded bg-layer-3 px-1 py-2',
         isExpanded && 'col-span-1 col-start-1 sm:col-span-2 md:col-span-3',
-        !isInner && 'border-secondary border',
-        attachment.openFullScreen && isOpened && 'fixed inset-x-0 top-0 z-40 flex h-full flex-col',
+        !isInner && 'border border-secondary',
+        attachment.openFullScreen &&
+          isOpened &&
+          'fixed inset-x-0 top-0 z-40 flex h-full flex-col',
       )}
     >
       <div className="flex items-center gap-3 px-2">
@@ -304,7 +306,7 @@ export const MessageAttachment = ({ attachment, isInner }: Props) => {
               </a>
             </Tooltip>
           ) : (
-            <Icon size={18} className="text-secondary shrink-0" />
+            <Icon size={18} className="shrink-0 text-secondary" />
           )}
         </div>
         <button
@@ -349,7 +351,7 @@ export const MessageAttachment = ({ attachment, isInner }: Props) => {
                 height={18}
                 width={18}
                 className={classNames(
-                  'text-secondary shrink-0 transition',
+                  'shrink-0 text-secondary transition',
                   isOpened && 'rotate-180',
                 )}
               />
@@ -373,8 +375,10 @@ export const MessageAttachment = ({ attachment, isInner }: Props) => {
       {isOpenable && isOpened && (
         <div
           className={classNames(
-            'border-tertiary relative mt-2 w-full border-t p-3 pt-4 text-sm duration-200',
-            attachment.openFullScreen ? 'grow overflow-auto' : 'h-auto overflow-hidden'
+            'relative mt-2 w-full border-t border-tertiary p-3 pt-4 text-sm duration-200',
+            attachment.openFullScreen
+              ? 'grow overflow-auto'
+              : 'h-auto overflow-hidden',
           )}
           ref={anchorRef}
         >
@@ -392,7 +396,7 @@ export const MessageAttachment = ({ attachment, isInner }: Props) => {
               href={mappedAttachmentReferenceUrl}
               target="_blank"
               rel="noopener noreferrer"
-              className="text-accent-primary mt-3 block"
+              className="mt-3 block text-accent-primary"
             >
               {t('Reference...')}
             </a>

apps/chat/src/components/Plotly/Plotly.tsx

@@ -24,11 +24,12 @@ export const PlotlyComponent = memo(
         return;
       }
 
-      const containerHeight = containerRef.current.clientHeight;
-      const layoutHeight = currentLayout.height && currentLayout.height > containerHeight ? currentLayout.height : containerHeight;
+      const layoutHeight = Math.max(
+        currentLayout.height ?? 0,
+        containerRef.current.clientHeight,
+      );
       setHeight(layoutHeight);
       setWidth(containerRef.current.scrollWidth);
-
     }, []);
 
     const handleRelayout = (newLayout: PlotRelayoutEvent) => {