feat: add sample code, auto language detection, and wait for code completion

Author: SaadBazaz

docusaurus.config.js

@@ -24,7 +24,18 @@ const config = {
   // to replace "en" with "zh-Hans".
   i18n: {
     defaultLocale: 'en',
-    locales: ['en'],
+    locales: ['en', 'fr', 'ur'],
+    localeConfigs: {
+      en: {
+        label: 'English',
+      },
+      fr: {
+        label: 'Français',
+      },
+      ur: {
+        label: 'Urdu',
+      },
+    },
   },
 
   presets: [
@@ -75,6 +86,10 @@ const config = {
             label: 'GitHub',
             position: 'right',
           },
+              {
+                type: 'localeDropdown',
+                position: 'left',
+              },
         ],
       },
       footer: {

package.json

@@ -24,7 +24,9 @@
     "clsx": "^1.2.1",
     "prism-react-renderer": "^1.3.5",
     "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react-dom": "^17.0.2",
+    "react-ipgeolocation": "^1.4.0",
+    "react-loader-spinner": "^5.3.4"
   },
   "devDependencies": {
     "@docusaurus/module-type-aliases": "2.2.0"