fixing CSP issue and added translation

Author: vipinpaul

index.html

@@ -4,17 +4,11 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta
-      http-equiv="Content-Security-Policy"
-      content="default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval'; style-src 'self' 'unsafe-inline'; img-src 'self' data: https:; connect-src 'self' https: http://localhost:* https://fonts.googleapis.com https://fonts.gstatic.com; font-src 'self' data: https://fonts.gstatic.com;"
-    />
 
-    <!-- Add Google Inter Font -->
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <!-- Inter Font from CDNJS (CSP compliant) -->
     <link
-      href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"
       rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/inter-ui/4.1.1/inter-latin.min.css"
     />
 
     <title>React App Foundation</title>

public/locales/en/common.json

@@ -29,7 +29,7 @@
   "status": "Status",
   "dashboard": "Dashboard",
   "users": "Users",
-  "displayName": "Display Name",
+  "username": "Display Name",
   "firstName": "First Name",
   "lastName": "Last Name",
   "saveUser": "Save User",

public/locales/hi/common.json

@@ -29,7 +29,7 @@
   "status": "स्थिति",
   "dashboard": "डैशबोर्ड",
   "users": "उपयोगकर्ता",
-  "displayName": "प्रदर्शित नाम",
+  "username": "प्रदर्शित नाम",
   "firstName": "पहला नाम",
   "lastName": "अंतिम नाम",
   "saveUser": "उपयोगकर्ता सहेजें",