Fix how we break the words

Author: abdonrd

src/app/trackers/classically-verifiable-problems/page.tsx

@@ -100,7 +100,7 @@ export function SubmissionsTable(props: {
                     {formatDate(submission.createdAt)}
                   </time>
                 </TableCell>
-                <TableCell className="whitespace-normal">
+                <TableCell className="wrap-break-word whitespace-normal">
                   <a
                     href={submission.url}
                     target="_blank"
@@ -116,7 +116,7 @@ export function SubmissionsTable(props: {
                   </div>
                 </TableCell>
                 <TableCell className="whitespace-normal">{submission.method}</TableCell>
-                <TableCell className="break-all whitespace-normal">
+                <TableCell className="wrap-break-word whitespace-normal">
                   <a
                     href={getCircuitInstanceUrl('classically-verifiable-problems', circuitInstance)}
                     target="_blank"
@@ -126,8 +126,8 @@ export function SubmissionsTable(props: {
                     {circuitInstance.id}
                   </a>
                 </TableCell>
-                <TableCell className="whitespace-normal">{circuitInstance.qubits}</TableCell>
-                <TableCell className="whitespace-normal">{circuitInstance.gates}</TableCell>
+                <TableCell>{circuitInstance.qubits}</TableCell>
+                <TableCell>{circuitInstance.gates}</TableCell>
                 <TableCell>{submission.value}</TableCell>
                 <TableCell>
                   <div>

src/app/trackers/observable-estimations/page.tsx

@@ -120,7 +120,7 @@ export function SubmissionsTable(props: {
                   </div>
                 </TableCell>
                 <TableCell className="whitespace-normal">{submission.method}</TableCell>
-                <TableCell className="break-all whitespace-normal">
+                <TableCell className="wrap-break-word whitespace-normal">
                   <a
                     href={getCircuitInstanceUrl('observable-estimations', circuitInstance)}
                     target="_blank"
@@ -130,11 +130,11 @@ export function SubmissionsTable(props: {
                     {circuitInstance.id}
                   </a>
                 </TableCell>
-                <TableCell className="whitespace-normal">{circuitInstance.qubits}</TableCell>
-                <TableCell className="whitespace-normal">{circuitInstance.gates}</TableCell>
-                <TableCell>
-                  <div className="break-all whitespace-normal">{submission.observableValue}</div>
-                  <div className="break-all whitespace-normal">
+                <TableCell>{circuitInstance.qubits}</TableCell>
+                <TableCell>{circuitInstance.gates}</TableCell>
+                <TableCell className="wrap-break-word whitespace-normal">
+                  <div>{submission.observableValue}</div>
+                  <div>
                     [{submission.errorBoundHigh || 'N/A'}, {submission.errorBoundLow || 'N/A'}]
                   </div>
                 </TableCell>

src/app/trackers/variational-problems/page.tsx

@@ -119,7 +119,7 @@ export function SubmissionsTable(props: {
                   </div>
                 </TableCell>
                 <TableCell className="whitespace-normal">{submission.method}</TableCell>
-                <TableCell className="break-all whitespace-normal">
+                <TableCell className="wrap-break-word whitespace-normal">
                   <a
                     href={getHamiltonianUrl(hamiltonianInstance)}
                     target="_blank"
@@ -129,11 +129,11 @@ export function SubmissionsTable(props: {
                     {submission.hamiltonian}
                   </a>
                 </TableCell>
-                <TableCell className="whitespace-normal">{submission.qubits}</TableCell>
-                <TableCell className="whitespace-normal">{submission.gates}</TableCell>
-                <TableCell>
-                  <div className="break-all whitespace-normal">{submission.energy}</div>
-                  <div className="break-all whitespace-normal">
+                <TableCell>{submission.qubits}</TableCell>
+                <TableCell>{submission.gates}</TableCell>
+                <TableCell className="wrap-break-word whitespace-normal">
+                  <div>{submission.energy}</div>
+                  <div>
                     [{submission.errorBoundHigh || 'N/A'}, {submission.errorBoundLow || 'N/A'}]
                   </div>
                 </TableCell>