Issue 7 botao fechar modal

frontend/packages/devsite/news/7.feature

@@ -0,0 +1 @@
+Altera exibição do modal e localização do botão de fechar do álbum de imagens. @emmenezes @emillysant @Jehcky @leila-souza-dev-backend

frontend/packages/devsite/package.json

@@ -55,7 +55,8 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-intl": "^3.12.1",
-    "query-string": "9.1.1"
+    "query-string": "9.1.1",
+    "semantic-ui-react": "*"
   },
   "devDependencies": {
     "@plone/scripts": "workspace:*",
@@ -64,4 +65,4 @@
     "@types/react-dom": "^18.3.0",
     "release-it": "^17.1.1"
   }
-}
+}

frontend/packages/devsite/src/components/Blocks/Listing/ImageAlbum.tsx

@@ -7,6 +7,7 @@ import { Button, Modal } from 'semantic-ui-react';
 import { Container } from '@plone/components';
 import type { ContainedItem } from '@plone/types';
 import zoomSVG from '@plone/volto/icons/zoom-in.svg';
+import circleDismissSVG from '@plone/volto/icons/circle-dismiss.svg';
 import config from '@plone/volto/registry';
 
 const messages = defineMessages({
@@ -35,7 +36,13 @@ const AlbumItem = ({ item }: { item: ContainedItem }) => {
         <div className="album-item-info">
           <Modal
             className="modal-image-full"
-            closeIcon
+            closeIcon={
+              <Icon
+                name={circleDismissSVG}
+                size="50px"
+                className={'close icon'}
+              />
+            }
             size="fullscreen"
             trigger={
               <Button

frontend/packages/devsite/src/theme/components/blocks/_listing_image_album.scss

@@ -73,10 +73,12 @@
   justify-content: start;
   border: unset;
   margin: auto;
-  animation: openModal 0.5s;
-  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-  background-color: unset;
+  background-color: var(--background);
   box-shadow: unset;
+  .close.icon {
+    top: 1rem;
+    color: var(--text-color);
+  }
   .album-modal.image.content {
     flex-direction: column;
     align-items: center;
@@ -100,6 +102,7 @@
       .album-modal-title {
         display: block;
         @include block-title();
+        padding-top: 1rem;
       }
 
       .album-modal-description {