Fix: stop using absolute position to hide Checkbox input

[krishan711]

Description

Screenshots:

Checklist:

• I have updated the CHANGELOG with a summary of my changes
• I have updated the documentation accordingly

[Copilot]

Pull Request Overview

This PR changes the CSS approach for hiding the native checkbox input element, moving away from absolute positioning to an opacity-based solution. This improves accessibility and layout compatibility while maintaining the custom checkbox appearance.

Key changes:

• Replaced absolute positioning with opacity and pointer-events for hiding the native input
• Simplified CSS properties by removing clip-related styling and position attributes
• Updated CHANGELOG to document this as a major version change

Reviewed Changes

Copilot reviewed 2 out of 3 changed files in this pull request and generated 2 comments.

File	Description
src/atoms/checkbox/component.tsx	Updated StyledHiddenCheckbox styling to use opacity instead of absolute positioning
CHANGELOG.md	Added entry documenting the checkbox input hiding method change

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[Copilot]

Corrected spelling of 'aboslute' to 'absolute'.

Suggested change

	- [MAJOR] Fix for `Checkbox` to not use aboslute positioning to hide the input
	- [MAJOR] Fix for `Checkbox` to not use absolute positioning to hide the input

[Copilot]

Using !important declarations should be avoided as they make CSS harder to maintain and override. Consider restructuring the CSS specificity instead of forcing these values.

Suggested change

	width: 0 !important;
	height: 0 !important;
	width: 0;
	height: 0;