refactor: update translations

Author: bishalshrestha013

apps/demo/src/Views/Ui/components/Message.tsx

@@ -11,37 +11,37 @@ export const MessageDemo = () => {
   const propertiesData = [
     {
       default: "false",
-      description: t("message.table.propDescription.enableClose"),
+      description: t("message.propertiesDescription.enableClose"),
       prop: "enableClose",
       type: "boolean",
     },
     {
       default: "-",
-      description: t("message.table.propDescription.icon"),
+      description: t("message.propertiesDescription.icon"),
       prop: "icon",
       type: "string | ReactNode",
     },
     {
       default: "-",
-      description: t("message.table.propDescription.message"),
+      description: t("message.propertiesDescription.message"),
       prop: "message",
       type: "string | string[] | ReactNode",
     },
     {
       default: "-",
-      description: t("message.table.propDescription.onClose"),
+      description: t("message.propertiesDescription.onClose"),
       prop: "onClose",
       type: "() => void",
     },
     {
       default: "info",
-      description: t("message.table.propDescription.severity"),
+      description: t("message.propertiesDescription.severity"),
       prop: "severity",
       type: `"info" | "success" | "warning" | "danger"`,
     },
     {
       default: "true",
-      description: t("message.table.propDescription.showIcon"),
+      description: t("message.propertiesDescription.showIcon"),
       prop: "showIcon",
       type: "boolean",
     },
@@ -164,19 +164,19 @@ export const MessageDemo = () => {
           columns={[
             {
               accessorKey: "prop",
-              header: t("message.table.header.properties"),
+              header: t("propertiesTable.header.properties"),
             },
             {
               accessorKey: "type",
-              header: t("message.table.header.type"),
+              header: t("propertiesTable.header.type"),
             },
             {
               accessorKey: "default",
-              header: t("message.table.header.default"),
+              header: t("propertiesTable.header.default"),
             },
             {
               accessorKey: "description",
-              header: t("message.table.header.description"),
+              header: t("propertiesTable.header.description"),
             },
           ]}
           data={propertiesData}

apps/demo/src/locales/en/ui.json

@@ -5,6 +5,14 @@
   "common": {
     "usage": "To use the {{component}} component, simply import it into your React file:"
   },
+  "propertiesTable": {
+    "header": {
+      "default": "Default",
+      "description": "Description",
+      "properties": "Properties",
+      "type": "Type"
+    }
+  },
   "headers": {
     "buttons": "Buttons",
     "data": "Data",
@@ -227,21 +235,13 @@
       "warning": "Warning message"
     },
     "subtitle": "The Message component displays contextual messages with optional icons and a closable action. It supports custom slots, making it flexible for various use cases.",
-    "table": {
-      "header": {
-        "default": "Default",
-        "description": "Description",
-        "properties": "Properties",
-        "type": "Type"
-      },
-      "propDescription": {
-        "enableClose": "Displays a close icon if true, allowing the message to be dismissed.",
-        "icon": "Icon to display alongside the message.",
-        "message": "The message text to display in the component.",
-        "onClose": "Function to be called when the message is closed.",
-        "severity": "Defines the styling severity of the message. Defaults to 'info'.",
-        "showIcon": "Show default icon based on severity or custom icon if provided."
-      }
+    "propertiesDescription": {
+      "enableClose": "Displays a close icon if true, allowing the message to be dismissed.",
+      "icon": "Icon to display alongside the message.",
+      "message": "The message text to display in the component.",
+      "onClose": "Function to be called when the message is closed.",
+      "severity": "Defines the styling severity of the message. Defaults to 'info'.",
+      "showIcon": "Show default icon based on severity or custom icon if provided."
     },
     "title": "Message",
     "usage": {

apps/demo/src/locales/fr/ui.json

@@ -5,6 +5,14 @@
   "common": {
     "usage": "To use the {{component}} component, simply import it into your React file (fr):"
   },
+  "propertiesTable": {
+    "header": {
+      "default": "Default (fr)",
+      "description": "Description (fr)",
+      "properties": "Properties (fr)",
+      "type": "Type (fr)"
+    }
+  },
   "headers": {
     "buttons": "Buttons (fr)",
     "data": "Data (fr)",
@@ -227,21 +235,13 @@
       "warning": "Warning message (fr)"
     },
     "subtitle": "The Message component displays contextual messages with optional icons and a closable action. It supports custom slots, making it flexible for various use cases. (fr)",
-    "table": {
-      "header": {
-        "default": "Default (fr)",
-        "description": "Description (fr)",
-        "properties": "Properties (fr)",
-        "type": "Type (fr)"
-      },
-      "propDescription": {
-        "enableClose": "Displays a close icon if true, allowing the message to be dismissed. (fr)",
-        "icon": "Icon to display alongside the message. (fr)",
-        "message": "The message text to display in the component. (fr)",
-        "onClose": "Function to be called when the message is closed. (fr)",
-        "severity": "Defines the styling severity of the message. Defaults to 'info'. (fr)",
-        "showIcon": "Show default icon based on severity or custom icon if provided. (fr)"
-      }
+    "propertiesDescription": {
+      "enableClose": "Displays a close icon if true, allowing the message to be dismissed. (fr)",
+      "icon": "Icon to display alongside the message. (fr)",
+      "message": "The message text to display in the component. (fr)",
+      "onClose": "Function to be called when the message is closed. (fr)",
+      "severity": "Defines the styling severity of the message. Defaults to 'info'. (fr)",
+      "showIcon": "Show default icon based on severity or custom icon if provided. (fr)"
     },
     "title": "Message (fr)",
     "usage": {