Gallery Slideshow Site with React, TypeScript, and TailwindCss

Hi, I just finished this challenge and found this to be a pretty interesting one.

I uploaded all the images to Firebase to avoid too many individual image imports; the downside is it takes longer to load images. I also included the code I used to upload the whole directory of images to the Firebase storage.

Honestly, the gallery layout is good in design but quite inconvenient practically; yeah, I can use grids to layout images as the design shows, but what if we add more pictures in the future? So, I decided not to replicate the design layout but to make the gallery more open to the potential of new images coming in the future.

Please let me know if you have any thoughts, comments, or critiques; your opinions always help me find potential improvements and make me learn frontend faster. Thanks!