fix(prevent-full-reload): by changing a tag with Link tag (#i258)

[sahilkhan117]

Closes #258

This PR fixes the issue where clicking the logo caused a full page reload instead of a smooth React Router navigation.

Summary

This pull request addresses the issue where clicking the logo caused a full page reload. By replacing the <a href="/"> element with <Link to="/"> from react-router-dom, the navigation is now handled smoothly without reloading the page, preserving the React state and ensuring a better user experience.

@DianaLease please review my PR and Let me know if there is any changes or corrections regarding this problem.

Changes

1. Replaced <a href="/"> with <Link to="/"> from react-router-dom.
2. Ensured that the styling and structure of the logo remain intact.
3. Prevented unnecessary reloading of the page, preserving React state.

New Code

<Link
  to="/"
  style={{ display: "flex", alignItems: "center" }}
  >
  <Image
  	src={screens.lg ? "/logo.png" : "/accord_logo.png"}
  	alt="Template Playground"
  	preview={false}
  	style={{
  		paddingRight: screens.md ? "24px" : "10px",
  		height: "26px",
  		maxWidth: screens.md ? "184.17px" : "36.67px",
  	}}
  />
  <span style={{ color: "white" }}>Template Playground</span>
</Link>

Flags

• Ensured this change does not break existing navigation behavior.
• Verified that the logo click now works without triggering a full reload.

Resolved Problem Video Demo

Related Issues

• Issue Bug: On Logo Click the page is full Reload instead of react navigating #258

Author Checklist

• Ensure you provide a DCO sign-off for your commits using the --signoff option of git commit.
• Commits messages follow AP format.
• Merging to main from fork:sahilkhan117/i258/fix-logo-reload.

[netlify]

✅ Deploy Preview for ap-template-playground ready!

Name	Link
🔨 Latest commit	f75b826
🔍 Latest deploy log	https://app.netlify.com/sites/ap-template-playground/deploys/67d68d4c11fc520008ee8b33
😎 Deploy Preview	https://deploy-preview-259--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.

[sahilkhan117]

@DianaLease please review my PR and Let me know if there is any changes or corrections regarding this problem.