[UI/UX] Refractor Install Tab

[MyDrift-user]

Type of Change

• New feature
• Refactoring
• UI/UX improvement

Description

Big redesign of Install tab, UI wise i added many features without the logic behind yet.

2024-10-01.18-52-51.mp4

Plans:

• massive redesign of UI in install tab
• add logic to install/uninstall individual files (Automation Update #2619 adds logic for this to be possible)
• add info button to get details about app (link to homepage, Author, description, Version ...)
• Remove bloat from applications.json (instead of storing description/homepage in json, it will fetch all that info using winget/choco
• add logic for winget/ choco only toggle
• add logic for fallback checkbox, which toggles fallback to secondary package manager
• add logic to hide packages, which are not available for the selected package manager
• add logic for filtering of apps using category
• add logic for installation scope
• add logic for sort by (category/alphabetically)
• fix search
• add logos for applications (needs performance improvements)
• move action buttons
• fix scroll bar in tweaks.json
• add Compact List Option (toggable)
• winget/choco availability by showing logo on item (only on auto mode where both are shown)
• gray out install/uninstall on no network
• improve accessability of UI

Performance:

• add lazy loading (generate items on the fly, improving loading time)
• add virtualisation of UI elements (render only visible items, improving performance)
• add logic for UI elements to generate as much possible outside of main thread

Testing

• WIP, testing stuff all the time

Issue related to PR

• Resolves Allow installing Winget packages in a specific scope #2246 install scope
• Resolves chocolatey nonsense #2674 option not to use choco, not even as fallback
• Resolves Application List Bloat #2710 category filter
• Resolves Idea for "Install" section #2766 category filter aswell
• Resolves [Prefer Choco] only show available apps #2775 choco only shows choco, winget only shows winget, default/auto shows both
• Resolves Left/Right Scrolling #2753 right left scroll with touch pad

Checklist

• My code adheres to the coding and style guidelines of the project.
• I have performed a self-review of my own code.
• I have commented my code, particularly in hard-to-understand areas.
• I have made corresponding changes to the documentation.
• My changes generate no errors/warnings/merge conflicts.