Merged PR 730: [FB対応]タスク一覧画面のデザイン修正

## 概要
[Task3614: 対応](https://paruru.nds-tyo.co.jp:8443/tfs/ReciproCollection/fa4924a4-d079-4fab-9fb5-a9a11eb205f0/_workitems/edit/3614)
- デザイン修正
  - ソートが昇順の時は▲
  - ソートが降順の時は▼
- Priorityが「High」の時にその行を赤くする

## レビューポイント
- 特になし

## UIの変更
- https://ndstokyo.sharepoint.com/:f:/r/sites/Piranha/Shared%20Documents/General/OMDS/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88/Task3614?csf=1&web=1&e=fm3MFs

## 動作確認状況
- ローカルで確認

## 補足
- 相談、参考資料などがあれば

dictation_client/src/pages/DictationPage/index.tsx

@@ -1116,7 +1116,13 @@ const DictationPage: React.FC = (): JSX.Element => {
                     {(isChangeTranscriptionistPopupOpen || !isLoading) &&
                       tasks.length !== 0 &&
                       tasks.map((x) => (
-                        <tr key={x.audioFileId}>
+                        <tr
+                          key={x.audioFileId}
+                          style={{
+                            backgroundColor:
+                              x.priority === "01" ? "#ff00004f" : "#ffffff",
+                          }}
+                        >
                           <td className={styles.clm0}>
                             <ul className={styles.menuInTable}>
                               <li>

dictation_client/src/styles/app.module.scss

@@ -1343,23 +1343,23 @@ _:-ms-lang(x)::-ms-backdrop,
 .tableHeader th .hasSort:hover::before {
   opacity: 1;
 }
-.tableHeader th .hasSort.isActiveAz::before {
-  opacity: 1;
-}
-.tableHeader th .hasSort.isActiveAz:hover::before {
-  border-top: none;
-  border-right: 0.35rem transparent solid;
-  border-bottom: 0.4rem #ffffff solid;
-  border-left: 0.35rem transparent solid;
-}
 .tableHeader th .hasSort.isActiveZa::before {
-  border-top: none;
-  border-right: 0.35rem transparent solid;
-  border-bottom: 0.4rem #ffffff solid;
-  border-left: 0.35rem transparent solid;
   opacity: 1;
 }
 .tableHeader th .hasSort.isActiveZa:hover::before {
+  border-top: none;
+  border-right: 0.35rem transparent solid;
+  border-bottom: 0.4rem #ffffff solid;
+  border-left: 0.35rem transparent solid;
+}
+.tableHeader th .hasSort.isActiveAz::before {
+  border-top: none;
+  border-right: 0.35rem transparent solid;
+  border-bottom: 0.4rem #ffffff solid;
+  border-left: 0.35rem transparent solid;
+  opacity: 1;
+}
+.tableHeader th .hasSort.isActiveAz:hover::before {
   border-top: 0.4rem #ffffff solid;
   border-right: 0.35rem transparent solid;
   border-bottom: none;

dictation_client/src/styles/app.module.scss.d.ts

@@ -89,8 +89,8 @@ declare const classNames: {
   readonly snackbarIcon: "snackbarIcon";
   readonly snackbarIconClose: "snackbarIconClose";
   readonly hasSort: "hasSort";
-  readonly isActiveAz: "isActiveAz";
   readonly isActiveZa: "isActiveZa";
+  readonly isActiveAz: "isActiveAz";
   readonly noLine: "noLine";
   readonly home: "home";
   readonly pgHome: "pgHome";