fix: Truncation of title and extension form (#3724)

* Fix truncation of create extension form

* Fix truncation of title

* Fix color of status badge in replica sets

* Review change

Author: akucharska

src/components/BusolaExtensions/ExtensibilityStarterForm.scss

@@ -6,6 +6,14 @@
   ui5-checkbox {
     margin-top: -6.75px;
   }
+
+  @media (max-width: 1200px) {
+    grid-template-columns: 2fr 8fr 8fr 3fr;
+  }
+
+  @media (max-width: 480px) {
+    grid-template-columns: 1fr;
+  }
 }
 
 .resource-form--unset-height {

src/resources/ReplicaSets/ReplicaSetDetails.js

@@ -120,11 +120,19 @@ export function ReplicaSetsDetails(props) {
       value: resource => <div>{resource?.status?.replicas ?? 0}</div>,
     },
   ];
-
   const statusConditions = resource => {
     return resource?.status?.conditions?.map(condition => {
+      const overridenStatus = () => {
+        if (condition.type === 'ReplicaFailure')
+          return condition.status === 'True' ? 'Negative' : 'Positive';
+        return undefined;
+      };
       return {
-        header: { titleText: condition.type, status: condition.status },
+        header: {
+          titleText: condition.type,
+          status: condition.status,
+          overrideStatusType: overridenStatus(),
+        },
         message: condition.message,
       };
     });

src/shared/components/DynamicPageComponent/DynamicPageComponent.scss

@@ -14,6 +14,7 @@
 
   .bold-title {
     font-family: var(--sapObjectHeader_Title_FontFamily);
+    text-wrap-mode: wrap;
   }
 
   .description {