feat: make whole attachment clickable

stylesheets/_modules.scss

@@ -57,6 +57,7 @@
   display: flex;
   flex-direction: row;
   align-items: center;
+  cursor: pointer;
   padding: 10px;
   border-radius: var(--border-radius-message-box);
 
@@ -73,7 +74,6 @@
 
 .module-message__generic-attachment__icon-container {
   position: relative;
-  cursor: pointer;
 }
 .module-message__generic-attachment__spinner-container {
   padding-inline-start: 4px;

ts/components/conversation/message/message-content/MessageAttachment.tsx

@@ -186,6 +186,7 @@ export const MessageAttachment = (props: Props) => {
       highlight={highlight}
       selected={selected}
       className={'module-message__generic-attachment'}
+      onClick={onClickOnGenericAttachment}
     >
       {pending ? (
         <div className="module-message__generic-attachment__spinner-container">
@@ -196,7 +197,6 @@ export const MessageAttachment = (props: Props) => {
           <div
             role="button"
             className="module-message__generic-attachment__icon"
-            onClick={onClickOnGenericAttachment}
           >
             {extension ? (
               <div className="module-message__generic-attachment__icon__extension">{extension}</div>