fix: Icon size of access code table

Author: kadiryazici

src/lib/seam/components/AccessCodeTable/AccessCodeMainIcon.tsx

@@ -8,6 +8,11 @@ export interface AccessCodeMainIconProps {
   accessCode: AccessCode
 }
 
+
+function KeyIcon(): JSX.Element {
+  return <AccessCodeKeyIcon style={{ fontSize: "24px" }} />
+}
+
 export function AccessCodeMainIcon({
   accessCode,
 }: AccessCodeMainIconProps): JSX.Element {
@@ -31,7 +36,7 @@ export function AccessCodeMainIcon({
           <ExclamationCircleOutlineIcon />
         </div>
         <div className='seam-invisible seam-md-flex'>
-          <AccessCodeKeyIcon />
+          <KeyIcon />
         </div>
       </>
     )
@@ -47,15 +52,15 @@ export function AccessCodeMainIcon({
           <TriangleWarningOutlineIcon />
         </div>
         <div className='seam-invisible seam-md-flex'>
-          <AccessCodeKeyIcon />
+          <KeyIcon />
         </div>
       </>
     )
   }
 
   return (
     <div className='seam-issue-icon-wrap'>
-      <AccessCodeKeyIcon />
+      <KeyIcon />
     </div>
   )
 }