Adds Outline to Toggle NitghtMode button In DarkMode for better visibility

[yugal07]

Closes #144

Changes

1.Added a white outline to the toggle button inside the dark mode switch
2.Used stroke styling for the inner circle element to enhance visibility
3.Ensured compatibility with both dark and light modes

Flags

1.Needs testing on different screen sizes to ensure proper alignment
2.Verify accessibility improvements in high-contrast mode

Screenshots or Video

before

After

Related Issues

• Issue Add White Outline to Toggle Button in Dark Mode Toggle #144

Author Checklist

• Ensure you provide a DCO sign-off for your commits using the --signoff option of git commit.
• Vital features and changes captured in unit and/or integration tests
• Commits messages follow AP format
• Extend the documentation, if necessary
• Merging to main from fork:branchname

[netlify]

✅ Deploy Preview for ap-template-playground ready!

Name	Link
🔨 Latest commit	c4152ae
🔍 Latest deploy log	https://app.netlify.com/sites/ap-template-playground/deploys/67ca940c81752500089024fb
😎 Deploy Preview	https://deploy-preview-145--ap-template-playground.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[DianaLease]

Thanks for the contribution. Can you merge the latest main with your branch and resolve conflicts?

[yugal07]

@DianaLease I have made the requested changes. PTAL.