drawer docs

Signed-off-by: kishore08-07 <kishorebsm8@gmail.com>

Author: kishore08-07

src/sections/Projects/Sistent/components/content.js

@@ -232,19 +232,19 @@ const componentsData = [
     "src": "/collapse",
   },
   {
-    id: 31,
-    name: "IconButton",
-    description: "IconButton provides an interactive button component that displays only an icon, ideal for compact UIs where space is limited and actions are easily recognizable through iconography.",
-    url: "/projects/sistent/components/iconbutton",
-    src: "/iconbutton",
-  },
-  {
-    "id": 32,
+    "id": 31,
     "name": "FormControlLabel",
     "description": "A control + label pair used for checkboxes or radio buttons.",
     "url": "/projects/sistent/components/formcontrollabel",
     "src": "/formcontrollabel",
   },
+  {
+    id: 32,
+    name: "IconButton",
+    description: "IconButton provides an interactive button component that displays only an icon, ideal for compact UIs where space is limited and actions are easily recognizable through iconography.",
+    url: "/projects/sistent/components/iconbutton",
+    src: "/iconbutton",
+  },
   {
     id: 33,
     name: "Stepper",

src/sections/Projects/Sistent/components/drawer/guidance.js

@@ -192,7 +192,7 @@ const DrawerGuidance = () => {
               <strong>Positioning:</strong> Use left anchors for primary navigation, right anchors for settings/filters, and top/bottom for mobile-specific patterns.
             </li>
             <li>
-              <strong>Responsive Behavior:</strong> Use temporary drawers on mobile (&lt; 960px) and consider persistent or permanent drawers on desktop (&gt; 960px).
+              <strong>Responsive Behavior:</strong> Use temporary drawers on mobile {"(<"} 960px) and consider persistent or permanent drawers on desktop {"(>"} 960px).
             </li>
             <li>
               <strong>Keyboard Support:</strong> Ensure drawers can be opened/closed with keyboard (Escape key) and focus is managed properly.