chore: rotate model hub banner on app launch until set

[louis-menlo]

Describe Your Changes

As designed, users will see a different Model Hub banner every time they reopen the app if they haven't set any banner. This PR is for that.

1. Users have not changed the banner hub -> Set a random hub image from the default list when the app is opened using Atom Storage and a bridge ReadOnly Atom.
2. As soon as users set a banner hub image, WriteOnly Atom writes this setting into Atom Storage. From then on, it returns the latest banner hub image.

Fixes Issues

• Closes feat: New Jan Hub UI #4170

Self Checklist

This pull request introduces changes to the web/helpers/atoms/App.atom.ts and web/screens/Hub/index.tsx files to enhance the management of the app banner hub settings. The most important changes include renaming and refactoring atoms for better clarity, adding new atoms for retrieving and setting the banner, and updating the Hub screen to use these new atoms.

Refactoring and renaming atoms:

• web/helpers/atoms/App.atom.ts: Renamed appBannerHubAtom to appBannerHubStorageAtom and changed its type to string | undefined. Added new atoms getAppBannerHubAtom for retrieving the banner and setAppBannerHubAtom for setting the banner.

Updating imports and usage in Hub screen:

• web/screens/Hub/index.tsx: Updated imports to use the new atoms getAppBannerHubAtom and setAppBannerHubAtom instead of appBannerHubAtom.
• web/screens/Hub/index.tsx: Modified the HubScreen component to use useAtomValue for getAppBannerHubAtom and useSetAtom for setAppBannerHubAtom.

Additional import adjustments:

• web/screens/Hub/index.tsx: Added useAtomValue to the list of imports from jotai.

[github-actions]

Barecheck - Code coverage report

Total: 67.61%

Your code coverage diff: -0.01% ▾

Uncovered files and lines

File	Lines
web/helpers/atoms/App.atom.ts	50, 58

[github-actions]

This is the build for this pull request. You can download it from the Artifacts section here: Build URL.