[Feature Request] Create a route, a search page and add a simple React search box component

[AlfredAria]

This is the first step to implement our game search prototype. Please refer to the slides I shared you.

Let's implement a list view search page component of the game search engine: https://docs.google.com/presentation/d/1jKlrSeGo3e2WBDlbQbuXoPRWjgoq0ciKxdbTvwohzbg/edit#slide=id.g2bc994cc9b4_0_21

I think in general the steps includes:

1. Define a routing path that shows the search box component
2. Wire the routing path to a page.
3. Let the page include a search box component. You can try to implement it with Bootstrap, but my suggestion would be to look up an existing search box component libraries on the Internet.

Please let me know if you have any questions. Or if you have any project ideas, please feel free to discuss. There is not a definite direction we have to build things :)

[AlfredAria]

Great job adding the hyper links with the commit here https://github.com/Nemo11235/ChatGPT-API/commit/a0c9ad3218540aacfebbb79807d575c0ebd8771e

Let's do some clean ups to the code to help with future extensions.

• Create a "ListItem.js" file in the client/src
• Move there the part that shows each clickable link
• You can design what the props param look like

Also:

• Change the title to "Smart Game Picks"
• Add an avatar to the page (up to your choice)
• Move the UI to the left hand side like on the slides https://docs.google.com/presentation/d/1jKlrSeGo3e2WBDlbQbuXoPRWjgoq0ciKxdbTvwohzbg/edit#slide=id.g2bc994cc9b4_0_21