Implement Persistent State Control for showRaw and hiddenLabel Checkboxes

[lucasferreiralimax]

This PR adds persistent state management for showRaw and hiddenLabel checkboxes in the ListTechsComponent. Using localStorage, this implementation retains the checkbox selections across sessions, ensuring a consistent user experience.

Changes Made

1. Component State Initialization:

   • Added showRaw and hiddenLabel properties to the ListTechsComponent.
   • Initialized these properties in ngOnInit, retrieving any existing values from localStorage.

2. Checkbox Template Update:

   • Created two checkboxes in the list-techs.component.html template, using [(ngModel)] for two-way binding to showRaw and hiddenLabel.

3. Persistent Storage on Change:

   • Added an onCheckboxChange method that updates localStorage whenever a checkbox is toggled.
   • Ensured TypeScript type safety by limiting key to 'showRaw' or 'hiddenLabel' and using a helper method to access the properties dynamically.

[lucasferreiralimax]

[github-actions]

Visit the preview URL for this PR (updated for commit 9894c37):

https://angular-techs-logos--pr11-state-control-raw-an-rvkpz3nn.web.app

_{(expires Thu, 07 Nov 2024 07:37:12 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 1e6be52cb30c4b8fc438baf494ecc8ac65a6ec48}