fix eslint error

Signed-off-by: Rajesh-Nagarajan-11 <rajeshnagarajan36@gmail.com>

Author: Rajesh-Nagarajan-11

src/components/SistentNavigation/content.js

@@ -68,9 +68,9 @@ export const content = [
   { id: 48, link: "/projects/sistent/components/popper/guidance", text: "Popper" },
   { id: 49, link: "/projects/sistent/components/popper/code", text: "Popper" },
 
-  {id: 50,link: "/projects/sistent/components/radiogroup",text: "RadioGroup"},
-  {id: 51,link: "/projects/sistent/components/radiogroup/guidance",text: "RadioGroup"},
-  {id: 52,link: "/projects/sistent/components/radiogroup/code",text: "RadioGroup"},
+  { id: 50,link: "/projects/sistent/components/radiogroup",text: "RadioGroup" },
+  { id: 51,link: "/projects/sistent/components/radiogroup/guidance",text: "RadioGroup" },
+  { id: 52,link: "/projects/sistent/components/radiogroup/code",text: "RadioGroup" },
 
   { id: 53, link: "/projects/sistent/components/select", text: "Select" },
   { id: 54, link: "/projects/sistent/components/select/guidance", text: "Select" },

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

@@ -188,7 +188,7 @@ const componentsData = [
     url: "/projects/sistent/components/toolbar",
     src: "/toolbar",
   },
-   {
+  {
     "id": 25,
     "name": "RadioGroup",
     "description": "Sistent offers a well-structured RadioGroup component that allows users to select one option from a set.",

src/sections/Projects/Sistent/components/radiogroup/code.js

@@ -41,7 +41,7 @@ const SistentRadioGroup = () => {
 
   const [value, setValue] = React.useState("Layer5");
   const handleChange = (event) => setValue(event.target.value);
-  
+
   const [selectedDisabledOption, setSelectedDisabledOption] = React.useState("Layer5");
   const handleDisabledChange = (event) => setSelectedDisabledOption(event.target.value);
 
@@ -125,7 +125,7 @@ const SistentRadioGroup = () => {
             </div>
             <CodeBlock name="radiogroup-example" code={codes[0]} />
           </div>
-          
+
           <a id="Disabled RadioGroup">
             <h2>Disabled Options</h2>
           </a>
@@ -143,7 +143,7 @@ const SistentRadioGroup = () => {
             </div>
             <CodeBlock name="radiogroup-disabled" code={codes[1]} />
           </div>
-          
+
           <a id="Row RadioGroup">
             <h2>Row Layout</h2>
           </a>
@@ -161,7 +161,7 @@ const SistentRadioGroup = () => {
             </div>
             <CodeBlock name="radiogroup-row" code={codes[2]} />
           </div>
-          
+
           <a id="LabelPlacement RadioGroup">
             <h2>Label Placement</h2>
           </a>
@@ -170,30 +170,30 @@ const SistentRadioGroup = () => {
               <SistentThemeProvider initialMode={isDark ? "dark" : "light"}>
                 <Container maxWidth="sm">
                   <RadioGroup row value={selectedLabelOption} onChange={handleLabelChange}>
-                    <FormControlLabel 
-                      value="end" 
-                      control={<Radio />} 
-                      label="End (Default)" 
-                      labelPlacement="end" 
+                    <FormControlLabel
+                      value="end"
+                      control={<Radio />}
+                      label="End (Default)"
+                      labelPlacement="end"
                     />
-                    <FormControlLabel 
-                      value="top" 
-                      control={<Radio />} 
-                      label="Top" 
-                      labelPlacement="top" 
+                    <FormControlLabel
+                      value="top"
+                      control={<Radio />}
+                      label="Top"
+                      labelPlacement="top"
+                    />
+                    <FormControlLabel
+                      value="bottom"
+                      control={<Radio />}
+                      label="Bottom"
+                      labelPlacement="bottom"
                     />
-                    <FormControlLabel 
-                      value="bottom" 
-                      control={<Radio />} 
-                      label="Bottom" 
-                      labelPlacement="bottom" 
+                    <FormControlLabel
+                      value="start"
+                      control={<Radio />}
+                      label="Start"
+                      labelPlacement="start"
                     />
-                    <FormControlLabel 
-                      value="start" 
-                      control={<Radio />} 
-                      label="Start" 
-                      labelPlacement="start" 
-                    /> 
                   </RadioGroup>
                 </Container>
               </SistentThemeProvider>

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

@@ -198,13 +198,13 @@ const RadioGroupGuidance = () => {
           <a id="BestPractices">
             <h2>Best Practices</h2>
           </a>
-              <ul>
-                <li><strong>Single-choice only:</strong> Use RadioGroup when users must select just one option from a set. For multiple selections, use checkboxes instead.</li>
-                <li><strong>Clear labeling:</strong> Provide short, descriptive labels for each radio option to help users understand their choices quickly.</li>
-                <li><strong>Logical grouping:</strong> Visually and semantically group related radio options together to improve clarity and accessibility.</li>
-                <li><strong>Default selection:</strong> Set a sensible default value to guide users and streamline their decision-making process.</li>
-                <li><strong>Horizontal layout:</strong> Use the <code>row</code> prop for horizontal alignment when space is limited or when options are closely related.</li>
-              </ul>
+          <ul>
+            <li><strong>Single-choice only:</strong> Use RadioGroup when users must select just one option from a set. For multiple selections, use checkboxes instead.</li>
+            <li><strong>Clear labeling:</strong> Provide short, descriptive labels for each radio option to help users understand their choices quickly.</li>
+            <li><strong>Logical grouping:</strong> Visually and semantically group related radio options together to improve clarity and accessibility.</li>
+            <li><strong>Default selection:</strong> Set a sensible default value to guide users and streamline their decision-making process.</li>
+            <li><strong>Horizontal layout:</strong> Use the <code>row</code> prop for horizontal alignment when space is limited or when options are closely related.</li>
+          </ul>
         </div>
       </div>
     </SistentLayout>

src/sections/Projects/Sistent/components/radiogroup/index.js

@@ -119,36 +119,36 @@ const SistentRadioGroup = () => {
               </RadioGroup>
             </SistentThemeProvider>
           </Row>
-          
+
           <h3>Label Placement</h3>
           <p>You can change the placement of the label with the <code>labelPlacement</code> prop.</p>
           <Row $Hcenter className="image-container">
             <SistentThemeProvider initialMode={isDark ? "dark" : "light"}>
               <RadioGroup row value={selectedLabelOption} onChange={handleLabelChange}>
-                <FormControlLabel 
-                  value="end" 
-                  control={<Radio />} 
-                  label="End (Default)" 
-                  labelPlacement="end" 
+                <FormControlLabel
+                  value="end"
+                  control={<Radio />}
+                  label="End (Default)"
+                  labelPlacement="end"
+                />
+                <FormControlLabel
+                  value="top"
+                  control={<Radio />}
+                  label="Top"
+                  labelPlacement="top"
                 />
-                <FormControlLabel 
-                  value="top" 
-                  control={<Radio />} 
-                  label="Top" 
-                  labelPlacement="top" 
+                <FormControlLabel
+                  value="bottom"
+                  control={<Radio />}
+                  label="Bottom"
+                  labelPlacement="bottom"
                 />
-                <FormControlLabel 
-                  value="bottom" 
-                  control={<Radio />} 
-                  label="Bottom" 
-                  labelPlacement="bottom" 
+                <FormControlLabel
+                  value="start"
+                  control={<Radio />}
+                  label="Start"
+                  labelPlacement="start"
                 />
-                <FormControlLabel 
-                  value="start" 
-                  control={<Radio />} 
-                  label="Start" 
-                  labelPlacement="start" 
-                /> 
               </RadioGroup>
             </SistentThemeProvider>
           </Row>