Update style for banner message ui (#19069)

1.Fixes #19021
2.Fixes #19022

Signed-off-by: AllForNothing <sshijun@vmware.com>

src/portal/src/app/base/harbor-shell/app-level-alerts/app-level-alerts.component.html

@@ -1,11 +1,13 @@
 <clr-alerts>
     <clr-alert
-        *ngIf="hasValidBannerMessage() && isLogin()"
+        *ngIf="hasValidBannerMessage()"
         [clrAlertType]="getBannerMessageType()"
         [clrAlertAppLevel]="true"
         [clrAlertClosable]="getBannerMessageClosable()">
         <clr-alert-item>
-            <span class="alert-text">{{ getBannerMessage() }}</span>
+            <span class="alert-text banner-message">{{
+                getBannerMessage()
+            }}</span>
         </clr-alert-item>
     </clr-alert>
     <clr-alert

src/portal/src/app/base/harbor-shell/app-level-alerts/app-level-alerts.component.scss

@@ -14,3 +14,8 @@
 .no-underline {
   text-decoration: none;
 }
+
+.banner-message {
+  min-width: 0;
+  word-break: break-word;
+}

src/portal/src/app/base/left-side-nav/config/system/system-settings.component.html

@@ -359,6 +359,7 @@
                         }}"
                         autocomplete="off"
                         class="clr-textarea"
+                        maxlength="800"
                         [(ngModel)]="messageText"
                         [ngModelOptions]="{ standalone: true }"
                         [disabled]="

src/portal/src/app/base/left-side-nav/interrogation-services/vulnerability-database/vulnerability-summary/vulnerability-summary.component.scss

@@ -94,3 +94,7 @@ $row-height: 48px;
 .no-border {
   border: none;
 }
+
+.clr-col {
+  min-width: 0;
+}