feat(ui): improve Setup buttons and add Reset Setup option

- Fix button styling in Setup.tsx (add 'btn' class)
- Add 'Reset Setup' option in Settings.tsx to allow returning to welcome screen
- Add resetSetup action to themeStore

Author: risunCode

web/src/pages/Settings.tsx

@@ -38,7 +38,7 @@ export default function Settings() {
     accessLost,
     clearAccessLost
   } = useAppStore()
-  const { theme, toggleTheme } = useThemeStore()
+  const { theme, toggleTheme, resetSetup } = useThemeStore()
   const [openModal, setOpenModal] = useState<ModalType>(null)
   const [animationsEnabled, setAnimationsEnabled] = useState(true)
 
@@ -165,6 +165,27 @@ export default function Settings() {
             />
           </div>
         </section>
+
+        {/* Reset Section */}
+        <section className="animate-fade-in-up stagger-3">
+          <h2 className="text-xs font-semibold text-text-muted uppercase tracking-wider mb-3 px-1">
+            Danger Zone
+          </h2>
+          <div className="card overflow-hidden border-error/20">
+            <SettingItem
+              icon={RotateCcw}
+              iconColor="error"
+              title="Reset Setup"
+              subtitle="Return to the initial setup screen"
+              onClick={() => {
+                if (window.confirm('Are you sure you want to reset the setup? This will return you to the welcome screen.')) {
+                  resetSetup()
+                  window.location.href = '/'
+                }
+              }}
+            />
+          </div>
+        </section>
       </div>
 
       {/* Modals */}

web/src/pages/Setup.tsx

@@ -89,7 +89,7 @@ function WelcomeStep({ onNext }: { onNext: () => void }) {
         <FeatureItem icon={Smartphone} text="Monitor system performance" />
       </div>
 
-      <button onClick={onNext} className="btn-primary w-full">
+      <button onClick={onNext} className="btn btn-primary w-full">
         Get Started
         <ChevronRight size={20} />
       </button>
@@ -151,7 +151,7 @@ function ModeStep({ mode, onNext }: { mode: string; onNext: () => void }) {
         </div>
       </div>
 
-      <button onClick={onNext} className="btn-primary w-full">
+      <button onClick={onNext} className="btn btn-primary w-full">
         Continue
         <ChevronRight size={20} />
       </button>
@@ -209,7 +209,7 @@ function ThemeStep({ theme, setTheme, onNext }: { theme: string; setTheme: (t: '
         </button>
       </div>
 
-      <button onClick={onNext} className="btn-primary w-full">
+      <button onClick={onNext} className="btn btn-primary w-full">
         Continue
         <ChevronRight size={20} />
       </button>
@@ -241,7 +241,7 @@ function ReadyStep({ onComplete }: { onComplete: () => void }) {
         </ul>
       </div>
 
-      <button onClick={onComplete} className="btn-primary w-full">
+      <button onClick={onComplete} className="btn btn-primary w-full">
         Start Using AppControlX
         <ChevronRight size={20} />
       </button>

web/src/store/themeStore.ts

@@ -13,6 +13,7 @@ interface ThemeState {
   setTheme: (theme: Theme) => void
   toggleTheme: () => void
   completeSetup: () => void
+  resetSetup: () => void
 }
 
 // Apply theme to DOM immediately
@@ -45,7 +46,8 @@ export const useThemeStore = create<ThemeState>()(
         set({ theme: newTheme })
         applyTheme(newTheme)
       },
-      completeSetup: () => set({ isFirstLaunch: false })
+      completeSetup: () => set({ isFirstLaunch: false }),
+      resetSetup: () => set({ isFirstLaunch: true })
     }),
     {
       name: 'appcontrolx-theme',