update heading styles for branding, audit-log and app usage log pages

Author: raheeliftikhar5

client/packages/lowcoder/src/pages/setting/appUsage/dashboard.tsx

@@ -24,6 +24,7 @@ import DeviceOSBreakdownChart from "./charts/deviceOSBreakdown";
 import BrowserEngineBreakdownChart from "./charts/browserEngineBreakdown";
 import UserEngagementByRegionChart from "./charts/userEngagementByRegion";
 import { geoLocation } from "../audit/auditContants";
+import { Level1SettingPageTitle } from "../styled";
 
 const { RangePicker } = DatePicker;
 
@@ -361,10 +362,9 @@ export function AppUsageDashboard() {
   return (
     <DetailContainer>
       <Header>
-        <HeaderBack>
-          {/* <span>{trans("enterprise.AuditLogTitle")}</span> */}
+        <Level1SettingPageTitle style={{marginBottom: 0}}>
           <span>{"App Usage Logs"}</span>
-        </HeaderBack>
+        </Level1SettingPageTitle>
       </Header>
 
       <DetailContent>

client/packages/lowcoder/src/pages/setting/audit/dashboard.tsx

@@ -21,6 +21,7 @@ import { SETTING_URL } from "@lowcoder-ee/constants/routesURL";
 import { EyeOutlined } from "@ant-design/icons";
 import { AuditLog, AuditLogStat, eventTypes } from "./auditContants";
 import Statistics from "./components/statistics";
+import { Level1SettingPageTitle } from "../styled";
 
 const { RangePicker } = DatePicker;
 
@@ -398,9 +399,9 @@ export function AuditLogDashboard() {
   return (
     <DetailContainer>
       <Header>
-        <HeaderBack>
+        <Level1SettingPageTitle style={{marginBottom: 0}}>
           <span>{trans("enterprise.AuditLogTitle")}</span>
-        </HeaderBack>
+        </Level1SettingPageTitle>
       </Header>
 
       <DetailContent>

client/packages/lowcoder/src/pages/setting/audit/detail.tsx

@@ -14,6 +14,9 @@ import { getAuditLogs, getEnvironmentsByIds, getMeta } from "@lowcoder-ee/api/en
 import { isEmpty } from "lodash";
 import { getEventColor, getEventLabel } from "./dashboard";
 import Tag from "antd/es/tag";
+import { ArrowIcon } from "lowcoder-design";
+import history from "util/history";
+import { AUDIT_LOG_DASHBOARD } from "@lowcoder-ee/constants/routesURL";
 
 const StyleThemeSettingsCover = styled.div`
   display: flex;
@@ -249,6 +252,10 @@ export function AuditLogDetail() {
       <DetailContainer>
         <Header>
           <HeaderBack>
+            <span onClick={() => history.push(AUDIT_LOG_DASHBOARD)}>
+              {trans("enterprise.AuditLogTitle")}
+            </span>
+            <ArrowIcon />
             <span>{"Audit Log Detail"}</span>
           </HeaderBack>
         </Header>
@@ -263,6 +270,10 @@ export function AuditLogDetail() {
     <DetailContainer>
       <Header>
         <HeaderBack>
+          <span onClick={() => history.push(AUDIT_LOG_DASHBOARD)}>
+            {trans("enterprise.AuditLogTitle")}
+          </span>
+          <ArrowIcon />
           <span>{"Audit Log Detail"}</span>
         </HeaderBack>
       </Header>

client/packages/lowcoder/src/pages/setting/branding/BrandingSetting.tsx

@@ -23,6 +23,7 @@ import { BrandingConfig, BrandingSettings, createBranding, getBranding } from "@
 import Flex from "antd/es/flex";
 import Button from "antd/es/button";
 import { fetchBrandingSetting } from "@lowcoder-ee/redux/reduxActions/enterpriseActions";
+import { Level1SettingPageTitle } from "../styled";
 
 const { TextArea } = Input;
 
@@ -297,9 +298,9 @@ export function BrandingSetting() {
   return (
     <DetailContainer>
       <Header>
-        <HeaderBack>
+        <Level1SettingPageTitle style={{marginBottom: 0}}>
           <span>{trans("branding.title")}</span>
-        </HeaderBack>
+        </Level1SettingPageTitle>
       </Header>
       <DetailContent>