feat: Add table sorting controls (#6678)

* wip

* refactor

* fix: Missing shadow styling

app/hooks/useDictionary.ts

@@ -6,10 +6,10 @@ export default function useDictionary() {
 
   return React.useMemo(
     () => ({
-      addColumnAfter: t("Insert column after"),
-      addColumnBefore: t("Insert column before"),
-      addRowAfter: t("Insert row after"),
-      addRowBefore: t("Insert row before"),
+      addColumnAfter: t("Insert after"),
+      addColumnBefore: t("Insert before"),
+      addRowAfter: t("Insert after"),
+      addRowBefore: t("Insert before"),
       alignCenter: t("Align center"),
       alignLeft: t("Align left"),
       alignRight: t("Align right"),
@@ -25,8 +25,8 @@ export default function useDictionary() {
       createLinkError: t("Sorry, an error occurred creating the link"),
       createNewDoc: t("Create a new doc"),
       createNewChildDoc: t("Create a new child doc"),
-      deleteColumn: t("Delete column"),
-      deleteRow: t("Delete row"),
+      deleteColumn: t("Delete"),
+      deleteRow: t("Delete"),
       deleteTable: t("Delete table"),
       deleteAttachment: t("Delete file"),
       download: t("Download"),
@@ -72,6 +72,8 @@ export default function useDictionary() {
       strikethrough: t("Strikethrough"),
       strong: t("Bold"),
       subheading: t("Subheading"),
+      sortAsc: t("Sort ascending"),
+      sortDesc: t("Sort descending"),
       table: t("Table"),
       mathInline: t("Math inline (LaTeX)"),
       mathBlock: t("Math block (LaTeX)"),