fix(gpth): decrease width of Reset All button

- Reduced the width of the "Reset All" button in the GPThemes Customization section

Changes summary:
    - Decreased the width of the "Reset All" button in GPThemes Customization.

src/js/app/components/renderButtons.js

@@ -1,6 +1,6 @@
-export function renderButton({ name, className, id, content, disabled = false }) {
+export function renderButton({ className, id, content, disabled = false }) {
 	return `
-        <button id="${id}" class="btn block relative text-center ${className}" ${disabled ? 'disabled' : ''}>
+        <button id="${id}" class="btn m-auto w-2/3 text-center ${className}" ${disabled ? 'disabled' : ''}>
             ${content}
         </button>
 	`

src/js/app/mainColors.js

@@ -1,6 +1,7 @@
 import browser from 'webextension-polyfill'
 import { closeSettings, $settings } from './settingsManager.js'
 import { hexToHSL } from '../utils/hexToHSL.js'
+import { renderButton } from './components/renderButtons'
 
 const DEFAULT_COLORS = {
 	LIGHT: '#7e3e47',
@@ -26,8 +27,8 @@ const renderColorsTab = `
           <label for="accentDark">Accent <span>Dark</span></label>
         </div>
       </div>
-      <footer class="grid mt-10">
-        <button id="resetAllAccents" class="btn block relative btn-primary text-center" as="button">Reset Accents</button>
+      <footer class="flex justify-center mt-10">
+		${renderButton({ id: 'resetAllAccents', content: 'Reset Fonts', disabled: false, className: 'btn-primary' })}
       </footer>
     </section>
 `

src/js/app/mainFonts.js

@@ -92,7 +92,7 @@ let renderFontsTab = `
 		${renderFontSmallCard(letterSpacingData)}
 	</div>
     </div>
-    <footer class="grid mt-10">
+    <footer class="flex justify-center mt-10">
       ${renderButton({ id: 'resetFont', content: 'Reset Fonts', disabled: false, className: 'btn-primary' })}
     </footer>
   </section>

src/js/app/mainWidths.js

@@ -334,7 +334,7 @@ const renderWidthsTab = `
 		})}
     </div>
 
-    <footer class="grid mt-10">
+    <footer class="flex justify-center mt-10">
       ${renderButton({ id: 'resetWidths', content: 'Reset All', disabled: false, className: 'btn-primary' })}
     </footer>
   </section>