In settings page if you enter a username (already taken) and try to save it, button loads indefinitely. Tried this in case of fan.

1.Remove Page Preview option from side bar when user is a fan
2.Redirect to Page Preview route when user visits his/her creator page
3.Make the sponsor form disabled in Page Preview

The light mode UI needs some tweaks in the color schema

We are currently redirecting an unauthenticated request to any protected route to /. We should redirect it to login and after login we should redirect to the earlier route visited instead of /app.

Make the form code more modular

1. Form to store creators info - solana pub addr, creator tag, bio, 100 char bio, maybe let them answer a set of questions?
2. For Fans - list of creators they sponsor, ideally a creator can also be a fan

E.g. https://explorer.solana.com/address/Caa63CPQegb4uAUaroWqouvBSYSYVMxijcR5TZb1SCfR?cluster=devnet

Make it buy me crypto instead of cred jack

1.When user clicks "start my page" button :-
a). check if the pageName is filled if yes -> validate if pageName is unique ->then store the pageName in local storage -> redirect to the login page
b). If pageName is not filled then alert user via snackbar
2. On logging in , make the user a creator as only creator's have dedicated pages
3. Send api request to change the username/pageName of the user

1. Lint
2. Prettify
3. Test?

Currently once the subscription is active, we are should be preventing once a subscription is active

Currently even if the subscription is marked inactive, sponsor box still shows active subscriptions.

1. Use cypress

e.g. https://buymecryp.to/baymac

1. Expired - Session expired
2. Completed - Redirect to transaction page
3. Doesn't exist - 404

1. Add table component
2. Show past txns and active subscription

Integrate phantom wallet to sign txn and support creators

In sponsor box, only when clicking on radio button it allows selection, clicking on the label should allow selection too.

1. Add column resizing
2. Column drag and drop
3. Add fuzzy search
4. Expandable component

1. Integrate Firebase with settings page
2. Show status toast on pages to let the user know about the current profile(completed/incomplete)

1. Add support for different variants
2. Add a close icon action on the snackbar
3. Enable stacking of multiple snackbars

Also show txn explorer url

Button height shrinks when showing ButtonLoading component

1. Use https://next-auth.js.org/
2. Enable google, github, magic email login
3. Try to use firebase as the backend.

1. Amount field disable
2. Button disable

1. Fan selects sponsor button, they are sent to checkout page, the checkout has a session id which is valid for a 15 mins.

Checkout session schema:

id:
	creator
	fan
	expires at
	created at
	type
	amt
	note
	completed

2. Checkout page will be csr, fetch checkout session. If expired, show expired start a new session. If doesn't exist show 404.

Route format: /sponsor/:id

3. Connect wallet -> show balance, sender address and receiver address, confirm txt button -> after txn, mark checkout completed, add to onetime/subscription collection redirect to /app route.