main (#137)

Reviewed-on: https://interstellardevelopment.org/code/code/React-Group/interstellar_ai/pulls/137
Reviewed-by: Patrick <patrick_pluto@noreply.localhost>
Co-authored-by: sageTheDM <info@photofuel.tech>
Co-committed-by: sageTheDM <info@photofuel.tech>

app/components/settings/ButtonSettings.tsx

@@ -1,17 +1,19 @@
 import React from 'react';
 
+// Define the props for the ButtonSetting component
 interface ButtonSettingProps {
   label: string; // The label to display on the button
   onClick: () => void; // The function to call when the button is clicked
   className?: string; // Optional additional classes for styling
 }
 
-const ButtonSetting: React.FC<ButtonSettingProps> = ({ label, onClick }) => {
+// Functional component definition
+const ButtonSetting: React.FC<ButtonSettingProps> = ({ label, onClick, className }) => {
   return (
-    <div className="settings-option">
+    <div className="settings-option"> {/* Container for the button */}
       <button
         onClick={onClick} // Call the onClick function when the button is clicked
-        className={"export-button"} // Apply any additional classes
+        className={`export-button ${className || ''}`} // Apply any additional classes, default to empty if not provided
       >
         {label} {/* Display the label on the button */}
       </button>