Merged PR 591: 修正対応

## 概要
[Task3158: 修正対応](https://paruru.nds-tyo.co.jp:8443/tfs/ReciproCollection/fa4924a4-d079-4fab-9fb5-a9a11eb205f0/_workitems/edit/3158)

- 何をどう変更したか、追加したライブラリなど
shotageの値が１以上の場合、赤文字になる

## UIの変更
- Before/Afterのスクショなど
- スクショ置き場
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/Task3158?csf=1&web=1&e=3qaLfD

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

dictation_client/src/pages/LicensePage/licenseSummary.tsx

@@ -248,7 +248,15 @@ export const LicenseSummary: React.FC<LicenseSummaryProps> = (
                     <dt>
                       {t(getTranslationID("LicenseSummaryPage.label.shortage"))}
                     </dt>
-                    <dd>{licenseSummaryInfo.shortage}</dd>
+                    <dd>
+                      <span
+                        className={
+                          licenseSummaryInfo.shortage > 0 ? styles.isAlert : ""
+                        }
+                      >
+                        {licenseSummaryInfo.shortage}
+                      </span>
+                    </dd>
                     <dt>
                       {t(
                         getTranslationID("LicenseSummaryPage.label.storageSize")

dictation_client/src/pages/LicensePage/partnerLicense.tsx

@@ -385,9 +385,17 @@ const PartnerLicense: React.FC = (): JSX.Element => {
                     </td>
                     <td>{ownPartnerLicenseInfo.issuedRequested}</td>
                     <td>
-                      {ownPartnerLicenseInfo.tier !== 1
-                        ? ownPartnerLicenseInfo.shortage
-                        : "-"}
+                      <span
+                        className={
+                          ownPartnerLicenseInfo.shortage > 0
+                            ? styles.isAlert
+                            : ""
+                        }
+                      >
+                        {ownPartnerLicenseInfo.tier !== 1
+                          ? ownPartnerLicenseInfo.shortage
+                          : "-"}
+                      </span>
                     </td>
                     <td>
                       {ownPartnerLicenseInfo.tier !== 1

dictation_client/src/styles/app.module.scss

@@ -901,6 +901,9 @@ h3 + .brCrumb .tlIcon {
   text-align: right;
   word-break: break-all;
 }
+.listVertical dd .isAlert {
+  color: #ff5a33;
+}
 .listDocument {
   margin-bottom: 3rem;
 }

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

@@ -49,6 +49,7 @@ declare const classNames: {
   readonly formTrash: "formTrash";
   readonly listVertical: "listVertical";
   readonly listHeader: "listHeader";
+  readonly isAlert: "isAlert";
   readonly listDocument: "listDocument";
   readonly boxFlex: "boxFlex";
   readonly aru: "aru";
@@ -84,7 +85,6 @@ declare const classNames: {
   readonly widthSml: "widthSml";
   readonly widthMin: "widthMin";
   readonly snackbar: "snackbar";
-  readonly isAlert: "isAlert";
   readonly snackbarMessage: "snackbarMessage";
   readonly snackbarIcon: "snackbarIcon";
   readonly snackbarIconClose: "snackbarIconClose";