feat: corrected icon again and fixed incorrect title in settings page of products

frontend/public/lotties/vault.json

@@ -14,6 +14,112 @@
       "ddd": 0,
       "ind": 1,
       "ty": 4,
+      "nm": "Shape Layer 2",
+      "sr": 1,
+      "ks": {
+        "p": { "a": 0, "k": [0, 0], "ix": 2 },
+        "a": { "a": 0, "k": [0, 0], "ix": 2 },
+        "s": { "a": 0, "k": [100, 100], "ix": 2 },
+        "r": { "a": 0, "k": 0, "ix": 2 },
+        "o": { "a": 0, "k": 100, "ix": 2 },
+        "sk": { "a": 0, "k": 0, "ix": 2 },
+        "sa": { "a": 0, "k": 0, "ix": 2 }
+      },
+      "ao": 0,
+      "shapes": [
+        {
+          "ty": "gr",
+          "nm": "Shape Layer 2",
+          "it": [
+            {
+              "ty": "rc",
+              "d": 1,
+              "s": { "a": 0, "k": [49.3180325191623, 68.7788286222386], "ix": 2 },
+              "p": { "a": 0, "k": [0, 0], "ix": 2 },
+              "r": { "a": 0, "k": 0, "ix": 2 }
+            },
+            {
+              "ty": "fl",
+              "c": { "a": 0, "k": [1, 1, 1], "ix": 2 },
+              "o": { "a": 0, "k": 100, "ix": 2 },
+              "r": 1,
+              "bm": 0
+            },
+            {
+              "ty": "tr",
+              "p": { "a": 0, "k": [36.65843963623047, 374.4748840332031], "ix": 2 },
+              "a": { "a": 0, "k": [0, 0], "ix": 2 },
+              "s": { "a": 0, "k": [100, 100], "ix": 2 },
+              "r": { "a": 0, "k": 0, "ix": 2 },
+              "o": { "a": 0, "k": 100, "ix": 2 },
+              "sk": { "a": 0, "k": 0, "ix": 2 },
+              "sa": { "a": 0, "k": 0, "ix": 2 }
+            }
+          ]
+        }
+      ],
+      "ip": 0,
+      "op": 201,
+      "st": 0,
+      "bm": 0
+    },
+    {
+      "ddd": 0,
+      "ind": 2,
+      "ty": 4,
+      "nm": "Shape Layer 1",
+      "sr": 1,
+      "ks": {
+        "p": { "a": 0, "k": [0, 0], "ix": 2 },
+        "a": { "a": 0, "k": [0, 0], "ix": 2 },
+        "s": { "a": 0, "k": [100, 100], "ix": 2 },
+        "r": { "a": 0, "k": 0, "ix": 2 },
+        "o": { "a": 0, "k": 100, "ix": 2 },
+        "sk": { "a": 0, "k": 0, "ix": 2 },
+        "sa": { "a": 0, "k": 0, "ix": 2 }
+      },
+      "ao": 0,
+      "shapes": [
+        {
+          "ty": "gr",
+          "nm": "Shape Layer 1",
+          "it": [
+            {
+              "ty": "rc",
+              "d": 1,
+              "s": { "a": 0, "k": [49.3180325191623, 68.7788286222386], "ix": 2 },
+              "p": { "a": 0, "k": [0, 0], "ix": 2 },
+              "r": { "a": 0, "k": 0, "ix": 2 }
+            },
+            {
+              "ty": "fl",
+              "c": { "a": 0, "k": [1, 1, 1], "ix": 2 },
+              "o": { "a": 0, "k": 100, "ix": 2 },
+              "r": 1,
+              "bm": 0
+            },
+            {
+              "ty": "tr",
+              "p": { "a": 0, "k": [36.65843963623047, 152], "ix": 2 },
+              "a": { "a": 0, "k": [0, 0], "ix": 2 },
+              "s": { "a": 0, "k": [100, 100], "ix": 2 },
+              "r": { "a": 0, "k": 0, "ix": 2 },
+              "o": { "a": 0, "k": 100, "ix": 2 },
+              "sk": { "a": 0, "k": 0, "ix": 2 },
+              "sa": { "a": 0, "k": 0, "ix": 2 }
+            }
+          ]
+        }
+      ],
+      "ip": 0,
+      "op": 201,
+      "st": 0,
+      "bm": 0
+    },
+    {
+      "ddd": 0,
+      "ind": 3,
+      "ty": 4,
       "nm": "bank-safe-box-svgrepo-com.svg 1",
       "sr": 1,
       "ks": {
@@ -864,7 +970,7 @@
             },
             {
               "ty": "tr",
-              "p": { "a": 0, "k": [74.0975341796875, 122.56097412109375], "ix": 2 },
+              "p": { "a": 0, "k": [80.75597381591797, 122.56097412109375], "ix": 2 },
               "a": { "a": 0, "k": [399.99816274642944, 399.99998253828016], "ix": 2 },
               "s": { "a": 0, "k": [112.70011646566, 112.70011646566], "ix": 2 },
               "r": { "a": 0, "k": 0, "ix": 2 },

frontend/src/pages/kms/SettingsPage/SettingsPage.tsx

@@ -20,7 +20,7 @@ export const SettingsPage = () => {
         <title>{t("common.head-title", { title: t("settings.project.title") })}</title>
       </Helmet>
       <div className="w-full max-w-7xl">
-        <PageHeader title={t("settings.project.title")} />
+        <PageHeader title="Settings" />
         <Tabs defaultValue={tabs[0].key}>
           <TabList>
             {tabs.map((tab) => (

frontend/src/pages/project/SettingsPage/SettingsPage.tsx

@@ -16,7 +16,10 @@ export const SettingsPage = () => {
         <title>{t("common.head-title", { title: t("settings.project.title") })}</title>
       </Helmet>
       <div className="w-full max-w-7xl">
-        <PageHeader title={t("settings.project.title")} />
+        <PageHeader
+          title={t("settings.project.title")}
+          description="Configure your project details and  project-specific settings"
+        />
         <Tabs defaultValue={tabs[0].key}>
           <TabList>
             {tabs.map((tab) => (

frontend/src/pages/secret-manager/SettingsPage/SettingsPage.tsx

@@ -39,7 +39,10 @@ export const SettingsPage = () => {
         <title>{t("common.head-title", { title: t("settings.project.title") })}</title>
       </Helmet>
       <div className="w-full max-w-7xl">
-        <PageHeader title={t("settings.project.title")} />
+        <PageHeader
+          title="Settings"
+          description="Configure your secret manager's encryption, environments, webhooks and other configurations."
+        />
         <Tabs defaultValue={tabs[0].key}>
           <TabList>
             {tabs

frontend/src/pages/secret-scanning/SettingsPage/SettingsPage.tsx

@@ -17,7 +17,10 @@ export const SettingsPage = () => {
         <title>{t("common.head-title", { title: t("settings.project.title") })}</title>
       </Helmet>
       <div className="w-full max-w-7xl">
-        <PageHeader title={t("settings.project.title")} />
+        <PageHeader
+          title="Settings"
+          description="Configure your Secret Scanning product's configurations."
+        />
         <Tabs defaultValue="tab-project-general">
           <TabList>
             <Tab value="tab-project-general">General</Tab>

frontend/src/pages/ssh/SettingsPage/SettingsPage.tsx

@@ -16,7 +16,7 @@ export const SettingsPage = () => {
         <title>{t("common.head-title", { title: t("settings.project.title") })}</title>
       </Helmet>
       <div className="w-full max-w-7xl">
-        <PageHeader title={t("settings.project.title")} />
+        <PageHeader title="Settings" description="Configure your SSH product's configurations." />
         <Tabs defaultValue="tab-project-general">
           <TabList>
             <Tab value="tab-project-general">General</Tab>