refactor: remove CONFIG_DRIFT constant, update ConfigDriftModalProps to require envId, and enhance styling in AppStatusModal and DeploymentStatusDetailRow components

Author: AbhishekA1509

src/Common/Constants.ts

@@ -85,7 +85,6 @@ export const URLS = {
     COMPARE_CLUSTERS: '/compare-clusters',
     APP_CONFIG: 'edit',
     GLOBAL_CONFIG: '/global-config',
-    CONFIG_DRIFT: 'config-drift',
     GLOBAL_CONFIG_TEMPLATES_DEVTRON_APP,
     GLOBAL_CONFIG_TEMPLATES_DEVTRON_APP_CREATE: `${GLOBAL_CONFIG_TEMPLATES_DEVTRON_APP}/create`,
     // NOTE: using appId since we are re-using AppConfig component

src/Shared/Components/AppStatusModal/AppStatusContent.tsx

@@ -89,7 +89,7 @@ const AppStatusContent = ({
                         <span className="dc__word-break">{nodeDetails.name}</span>
 
                         <div
-                            className={`app-summary__status-name f-${getNodeStatus(nodeDetails)?.toLowerCase() || ''} dc__first-letter-capitalize--imp`}
+                            className={`app-summary__status-name f-${getNodeStatus(nodeDetails)?.toLowerCase() || ''} dc__first-letter-capitalize--imp fs-13 fw-4 lh-20`}
                         >
                             {getNodeStatus(nodeDetails)}
                         </div>

src/Shared/Components/CICDHistory/DeploymentStatusDetailRow.tsx

@@ -183,7 +183,9 @@ export const DeploymentStatusDetailRow = ({
                     <span className="ml-12 mr-12 fs-13">
                         <span data-testid="deployment-status-step-name">{statusBreakDownType.displayText}</span>
                         {statusBreakDownType.displaySubText && (
-                            <span className={`ml-12 f-${statusBreakDownType.icon || 'waiting'}`}>
+                            <span
+                                className={`ml-12 app-summary__status-name f-${statusBreakDownType.icon || 'waiting'}`}
+                            >
                                 {statusBreakDownType.displaySubText}
                             </span>
                         )}

src/Shared/types.ts

@@ -247,9 +247,9 @@ export interface AppDetails {
     FluxAppStatusDetail?: FluxAppStatusDetail
 }
 
-export interface ConfigDriftModalProps extends Pick<AppDetails, 'appId'> {
+export interface ConfigDriftModalProps extends Required<Pick<AppDetails, 'appId'>> {
+    envId: number
     handleCloseModal?: () => void
-    envId?: number
 }
 
 export enum RegistryType {