Added sorting to msgs sub and added some styling for messaging items. BOD-309 BOD-310

client/src/components/chat-send-message/chat-send-message.component.jsx

@@ -14,6 +14,7 @@ import {
   selectMessage,
 } from "../../redux/messaging/messaging.selectors";
 import { selectBodyshop } from "../../redux/user/user.selectors";
+import ChatPresetsComponent from "../chat-presets/chat-presets.component";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
@@ -53,6 +54,8 @@ function ChatSendMessageComponent({
 
   return (
     <div className="imex-flex-row">
+      <ChatPresetsComponent className="imex-flex-row__margin" />
+
       <Input.TextArea
         className="imex-flex-row__margin imex-flex-row__grow"
         allowClear
@@ -68,6 +71,7 @@ function ChatSendMessageComponent({
           if (!!!event.shiftKey) handleEnter();
         }}
       />
+
       <SendOutlined className="imex-flex-row__margin" onClick={handleEnter} />
       <Spin
         style={{ display: `${isSending ? "" : "none"}` }}