Alert docs updates based on feedback

Author: GomezIvann

apps/website/screens/components/alert/code/AlertCodePage.tsx

@@ -17,6 +17,11 @@ const actionTypeString = `{
   onClick: () => void;
 }`;
 
+const messageTypeString = `{
+  onClose?: () => void;
+  text: React.ReactNode;
+}`;
+
 const sections = [
   {
     title: "Props",
@@ -50,15 +55,10 @@ const sections = [
             <td>
               <td>
                 <TableCode>{"Message | Message[]"}</TableCode>
-                <dl>
-                  <dt>
-                    <TableCode>Message</TableCode>
-                  </dt>
-                  <dd>
-                    An object type with the following attributes:{" "}
-                    <TableCode>{"{ text: React.ReactNode; onClose?: () => void; }"}</TableCode>
-                  </dd>
-                </dl>
+                <p>
+                  being <Code>Message</Code> an object with the following properties:
+                </p>
+                <ExtendedTableCode>{messageTypeString}</ExtendedTableCode>
               </td>
             </td>
             <td>
@@ -117,7 +117,7 @@ const sections = [
           <tr>
             <td>semantic</td>
             <td>
-              <TableCode>'error' | 'info" | 'success' | 'warning'</TableCode>
+              <TableCode>'error' | 'info' | 'success' | 'warning'</TableCode>
             </td>
             <td>Specifies the semantic meaning of the alert.</td>
             <td>

apps/website/screens/components/alert/usage/AlertUsagePage.tsx

@@ -139,7 +139,7 @@ const sections = [
         content: (
           <>
             <DxcParagraph>
-              Displayed always bellow the header of the site, the banner alert is used for critical system or
+              Displayed always below the header of the site, the banner alert is used for critical system or
               application messages. These alerts are actionable, meaning the user can interact with the message to
               resolve the issue directly from the alert itself. However, closing the message is not considered an action
               and is mandatory, as the message remains visible and cannot be dismissed until addressed. Additionally, if
@@ -272,7 +272,7 @@ const sections = [
               level so the user will assess the most important one first.
             </DxcBulletedList.Item>
             <DxcBulletedList.Item>
-              Only use alerts for critical messages that requires immediate attention from the user. Overusing the
+              Only use alerts for critical messages that require immediate attention from the user. Overusing the
               component can desensitize users to their importance and increase the cognitive load.
             </DxcBulletedList.Item>
           </DxcBulletedList>

apps/website/screens/components/tag/TagPageLayout.tsx

@@ -1,4 +1,4 @@
-import { DxcParagraph, DxcFlex, DxcAlert, DxcLink, DxcTypography } from "@dxc-technology/halstack-react";
+import { DxcParagraph, DxcFlex, DxcAlert, DxcLink } from "@dxc-technology/halstack-react";
 import PageHeading from "@/common/PageHeading";
 import TabsPageHeading from "@/common/TabsPageLayout";
 import ComponentHeading from "@/common/ComponentHeading";