Remove the span that does not align the table header properly

When sorting the triangle appears next to the header text - that is expected and standard behaviour.
The span was always rendered (also with no sorting), and message up the alignment of the text.

Additionally add a text-align right for fixing the `State` header, that was somewhat floating around.

frontend/src/components/cfdtables/CfdTable.tsx

@@ -208,9 +208,10 @@ export function Table({ columns, tableData, hiddenColumns, renderDetails }: Tabl
                                     {...column.getHeaderProps(column.getSortByToggleProps())}
                                     // @ts-ignore
                                     isNumeric={column.isNumeric}
+                                    textAlign={"right"}
                                 >
                                     {column.render("Header")}
-                                    <chakra.span pl="4">
+                                    <chakra.span>
                                         {// @ts-ignore
                                         column.isSorted
                                             ? (