Fix formatting for "About App" modal (#10132)

- Fix #10111
- Wrap text when the commit hash is too long

# Important Notes
None

app/ide-desktop/lib/dashboard/src/modals/AboutModal.tsx

@@ -79,16 +79,14 @@ export default function AboutModal() {
                 ? getText('appNameDesktopEdition')
                 : getText('appNameCloudEdition')}
             </div>
-            <table>
+            <table className="w-full table-fixed">
               <tbody ref={textContainerRef}>
                 {versionsEntries.map(entry => {
                   const [textId, version] = entry
                   return (
                     <tr key={textId}>
-                      <td className="whitespace-nowrap pr-cell-x align-text-top">
-                        {getText(textId)}
-                      </td>
-                      <td>{version}</td>
+                      <td className="w-20 whitespace-nowrap align-text-top">{getText(textId)}</td>
+                      <td className="break-words">{version}</td>
                     </tr>
                   )
                 })}

app/ide-desktop/lib/dashboard/src/tailwind.css

@@ -492,6 +492,8 @@ body::before {
   font-family: "M PLUS 1";
   font-weight: 500;
   font-feature-settings: normal;
+  font-size: 11.5px; /* text-xs */
+  color: rgb(0 0 0 / 60%); /* text-primary */
 }
 
 .enso-dashboard kbd,