Surya4419/i330/unnecessary re render on sample selection

[surya4419]

Optimize "Load Sample" Dropdown to Prevent Unnecessary Re-renders

Closes #330

Summary

This PR optimizes the "Load Sample" dropdown functionality to ensure that only the relevant components update instead of causing a full re-render of the body section. This improves performance, reduces unnecessary API calls, and prevents UI flickering.

Changes

• Refactored state management to prevent full re-renders.
  -Used debounced validation to prevent excessive re-renders
• Ensured that selecting a sample only updates the editor/preview without reloading the entire UI.

Screenshots or Video

(Attach any relevant screenshots or a video demonstrating the optimized behavior.)
Before

before.mp4

After

after.mp4

Related Issues

• Closes Full Body Re-renders When Selecting a Sample from "Load Sample" Dropdown #330

Author Checklist

• Signed off commits using --signoff.
• Added unit tests for the changes.
• Commit messages follow AP format.
• Updated relevant documentation if necessary.

[netlify]

✅ Deploy Preview for ap-template-playground ready!

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

[surya4419]

Hey @DianaLease @sanketshevkar , could you please review my PR when you get a chance? I’ve optimized the 'Load Sample' dropdown to prevent unnecessary re-renders and improve performance. Let me know if you have any feedback. Thanks

[sanketshevkar]

The preview output window goes blank after we change the template. I think that's why we had a loader earlier.

[surya4419]

Hi @sanketshevkar ,could you please review my PR when you get a chance?