Restyle set up Docs Content in right format and destructure

docs/html/_category_.json

@@ -1,8 +1,8 @@
 {
-    "label": "HTML",
-    "position": 2,
-    "link": {
-      "type": "generated-index",
-      "description": "HTML stands for Hyper Text Markup Language. It is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript."
-    }
-  }
+  "label": "HTML",
+  "position": 2,
+  "link": {
+    "type": "generated-index",
+    "description": "HTML stands for Hyper Text Markup Language. It is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript."
+  }
+}

docs/javascript/_category_.json

@@ -1,8 +1,8 @@
 {
-    "label": "JavaScript",
-    "position": 4,
-    "link": {
-      "type": "generated-index",
-      "description": "JavaScript is a programming language that enables you to create dynamically updating content, control multimedia, animate images, and much more. In this tutorial, you'll learn the basics of JavaScript and how to use it to create interactive web experiences."
-    }
-  }
+  "label": "JavaScript",
+  "position": 4,
+  "link": {
+    "type": "generated-index",
+    "description": "JavaScript is a programming language that enables you to create dynamically updating content, control multimedia, animate images, and much more. In this tutorial, you'll learn the basics of JavaScript and how to use it to create interactive web experiences."
+  }
+}

docs/javascript/data-types/non-primitive-types/object/creating-objects.md

@@ -276,4 +276,4 @@ In the example above, the `personPrototype` object defines a `greet` method that
 
 ## Conclusion
 
-In this tutorial, you learned how to create objects in JavaScript using object literals, constructors, classes, and the `Object.create()` method. Each method has its advantages and use cases, depending on the complexity and structure of the objects you need to create. Understanding these different methods will help you work with objects effectively in JavaScript.
+In this tutorial, you learned how to create objects in JavaScript using object literals, constructors, classes, and the `Object.create()` method. Each method has its advantages and use cases, depending on the complexity and structure of the objects you need to create. Understanding these different methods will help you work with objects effectively in JavaScript.

sidebars.js

@@ -1,15 +1,44 @@
-
 // @ts-check
 
 /** @type {import('@docusaurus/plugin-content-docs').SidebarsConfig} */
 const sidebars = {
-  tutorialSidebar: [{ type: 'autogenerated', dirName: '.' }],
-  javascript: [{ type: 'autogenerated', dirName: 'javascript', }],
-  typescript: [{ type: 'autogenerated', dirName: 'typescript', }],
-  react: [{ type: 'autogenerated', dirName: 'react', }],
-  python: [{ type: 'autogenerated', dirName: 'python', }],
-  html: [{ type: 'autogenerated', dirName: 'html', }],
-  tailwindcss: [{ type: 'autogenerated', dirName: 'tailwind', }],
+  tutorialSidebar: [{ type: "autogenerated", dirName: "." }],
+  javascript: [
+    {
+      type: "autogenerated",
+      dirName: "javascript",
+    },
+  ],
+  typescript: [
+    {
+      type: "autogenerated",
+      dirName: "typescript",
+    },
+  ],
+  react: [
+    {
+      type: "autogenerated",
+      dirName: "react",
+    },
+  ],
+  python: [
+    {
+      type: "autogenerated",
+      dirName: "python",
+    },
+  ],
+  html: [
+    {
+      type: "autogenerated",
+      dirName: "html",
+    },
+  ],
+  tailwindcss: [
+    {
+      type: "autogenerated",
+      dirName: "tailwind",
+    },
+  ],
 };
 
 export default sidebars;