IO-1036 Update phonebook sorting.

client/src/pages/phonebook/phonebook.page.component.jsx

@@ -12,6 +12,7 @@ import AlertComponent from "../../components/alert/alert.component";
 import { QUERY_PHONEBOOK_PAGINATED } from "../../graphql/phonebook.queries";
 import { selectBodyshop } from "../../redux/user/user.selectors";
 import ChatOpenButton from "../../components/chat-open-button/chat-open-button.component";
+import { alphaSort } from "../../utils/sorters";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
@@ -35,7 +36,7 @@ export function PhonebookPageComponent({ bodyshop }) {
               ? sortorder === "descend"
                 ? "desc"
                 : "asc"
-              : "desc",
+              : "asc",
           },
         ],
       },
@@ -65,21 +66,29 @@ export function PhonebookPageComponent({ bodyshop }) {
       title: t("phonebook.fields.firstname"),
       dataIndex: "firstname",
       key: "firstname",
+      sorter: (a, b) => alphaSort(a.firstname, b.firstname),
+      sortOrder: sortcolumn === "firstname" && sortorder,
     },
     {
       title: t("phonebook.fields.lastname"),
       dataIndex: "lastname",
       key: "lastname",
+      sorter: (a, b) => alphaSort(a.lastname, b.lastname),
+      sortOrder: sortcolumn === "lastname" && sortorder,
     },
     {
       title: t("phonebook.fields.company"),
       dataIndex: "company",
       key: "company",
+      sorter: (a, b) => alphaSort(a.company, b.company),
+      sortOrder: sortcolumn === "company" && sortorder,
     },
     {
       title: t("phonebook.fields.category"),
       dataIndex: "category",
       key: "category",
+      sorter: (a, b) => alphaSort(a.category, b.category),
+      sortOrder: sortcolumn === "category" && sortorder,
     },
     {
       title: t("phonebook.fields.email"),