chore: apply lint fixes

Author: Khizarshah01

packages/react/src/views/AttachmentHandler/AudioAttachment.js

@@ -37,11 +37,11 @@ const AudioAttachment = ({
             padding: 0.5rem;
           `,
           (type ? variantStyles.pinnedContainer : '') ||
-          css`
+            css`
               ${type === 'file'
-              ? `border-inline-start: 2px solid ${theme.colors.border};
+                ? `border-inline-start: 2px solid ${theme.colors.border};
                    background: ${theme.colors.primaryForeground};`
-              : ''}
+                : ''}
             `,
         ]}
       >
@@ -105,11 +105,11 @@ const AudioAttachment = ({
                   (nestedAttachment.type
                     ? variantStyles.pinnedContainer
                     : variantStyles.quoteContainer) ||
-                  css`
+                    css`
                       ${nestedAttachment.type === 'file'
-                      ? `border-inline-start: 2px solid ${theme.colors.border};
+                        ? `border-inline-start: 2px solid ${theme.colors.border};
                            background: ${theme.colors.primaryForeground};`
-                      : ''}
+                        : ''}
                     `,
                 ]}
               >

packages/react/src/views/AttachmentHandler/ImageAttachment.js

@@ -46,11 +46,11 @@ const ImageAttachment = ({
             padding: 0.5rem;
           `,
           (type ? variantStyles.pinnedContainer : '') ||
-          css`
+            css`
               ${type === 'file'
-              ? `border-inline-start: 2px solid ${theme.colors.border};
+                ? `border-inline-start: 2px solid ${theme.colors.border};
                  background: ${theme.colors.primaryForeground};`
-              : ''}
+                : ''}
             `,
         ]}
       >
@@ -122,11 +122,11 @@ const ImageAttachment = ({
                   (nestedAttachment.attachments[0].type
                     ? variantStyles.pinnedContainer
                     : variantStyles.quoteContainer) ||
-                  css`
+                    css`
                       ${nestedAttachment.attachments[0].type === 'file'
-                      ? `border-inline-start: 2px solid ${theme.colors.border};
+                        ? `border-inline-start: 2px solid ${theme.colors.border};
                          background: ${theme.colors.primaryForeground};`
-                      : ''}
+                        : ''}
                     `,
                 ]}
               >

packages/react/src/views/AttachmentHandler/TextAttachment.js

@@ -61,10 +61,10 @@ const FileAttachment = ({
             border-inline-start: 2px solid ${theme.colors.border};
           `,
           (type ? variantStyles.pinnedContainer : '') ||
-          css`
+            css`
               ${type === 'file'
-              ? `border-inline-start: 3px solid ${theme.colors.border};`
-              : ''}
+                ? `border-inline-start: 3px solid ${theme.colors.border};`
+                : ''}
             `,
         ]}
       >
@@ -106,14 +106,14 @@ const FileAttachment = ({
                   padding: 0.5rem;
                 `,
                 (nestedAttachment?.type ? variantStyles.pinnedContainer : '') ||
-                css`
+                  css`
                     ${!attachment?.type
-                    ? `border-inline-start: 2px solid ${theme.colors.border};`
-                    : ''}
+                      ? `border-inline-start: 2px solid ${theme.colors.border};`
+                      : ''}
                   `,
                 css`
                   ${variantStyles.name !== undefined &&
-                    variantStyles.name.includes('bubble')
+                  variantStyles.name.includes('bubble')
                     ? `border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem`
                     : ''}
                 `,

packages/react/src/views/AttachmentHandler/VideoAttachment.js

@@ -50,11 +50,11 @@ const VideoAttachment = ({
             }
           `,
           (type ? variantStyles.pinnedContainer : '') ||
-          css`
+            css`
               ${type === 'file'
-              ? `border-inline-start: 2px solid ${theme.colors.border};
+                ? `border-inline-start: 2px solid ${theme.colors.border};
                  background: ${theme.colors.primaryForeground};`
-              : ''}
+                : ''}
             `,
         ]}
       >
@@ -140,11 +140,11 @@ const VideoAttachment = ({
                   (nestedAttachment.type
                     ? variantStyles.pinnedContainer
                     : variantStyles.quoteContainer) ||
-                  css`
+                    css`
                       ${type === 'file'
-                      ? `border-inline-start: 2px solid ${theme.colors.border};
+                        ? `border-inline-start: 2px solid ${theme.colors.border};
                            background: ${theme.colors.primaryForeground};`
-                      : ''}
+                        : ''}
                     `,
                 ]}
               >

packages/react/src/views/Message/Message.js

@@ -92,13 +92,13 @@ const Message = ({
   const hoverStyle = hasType
     ? {}
     : {
-      '&:hover': {
-        backgroundColor:
-          mode === 'light'
-            ? darken(theme.theme.colors.background, 0.03)
-            : lighten(theme.theme.colors.background, 1),
-      },
-    };
+        '&:hover': {
+          backgroundColor:
+            mode === 'light'
+              ? darken(theme.theme.colors.background, 0.03)
+              : lighten(theme.theme.colors.background, 1),
+        },
+      };
 
   const bubbleStyles = useBubbleStyles(isMe);
   const pinRoles = new Set(pinPermissions);

packages/react/src/views/QuoteMessage/QuoteMessage.js

@@ -113,7 +113,8 @@ const QuoteMessage = ({ className = '', style = {}, message }) => {
               {message.msg ? (
                 <Markdown body={message} md={message.md} isReaction={false} />
               ) : (
-                `${message.file?.name} (${message.file?.size ? (message.file.size / 1024).toFixed(2) : 0
+                `${message.file?.name} (${
+                  message.file?.size ? (message.file.size / 1024).toFixed(2) : 0
                 } kB)`
               )}
             </Box>