feat: implement 8 portfolio enhancements (gallery, portfolio assistant fab, spinning vinyl spotify, accessibility & mobile theme fixes)

TODO.md

@@ -1,8 +1,9 @@
-just redesign all pages dont use Fluent UI and Material UI for all screen size and orientation, nav, header, footer, body, content, add certifications page and section,, 
- aesthetic for UI design style, make the design optimize for all devices low end, mid range, high end, remove the loading replace something unique
-
-# Some certifications add these and can add manually with other like NC2 or like these but for a while use these credly badges
-https://www.credly.com/badges/d2f0c176-2e45-4b99-88e2-fa9fb9ff34c6/public_url
-https://www.credly.com/badges/20ec510f-8325-483c-b16e-2ca00ae660ae/public_url
-https://www.credly.com/badges/2aae16d4-b16c-474f-a84e-f06c330193cd/public_url
-https://www.credly.com/badges/adc49a5e-87bb-4917-991d-a28160942c13/public_url
+- testimonial section stars add in sanity studio
+- accessibility dropdown background color in light mode it has transparent
+- add a photo gallery in gallery page -> uploads from sanity title(optional), photo upload/url, description (optional), category(optional) -> hover overlay blur + show title + show description + click show full image in a modal with cross button in top right -> add filter by category in top right -> display all the photos in a grid layout. -> responsive grid layout for mobile, tablet and desktop -> animation for the photo grid when loaded from the bottom
+- optimize the low end mobile color theme -> dark mode, light mode -> colors, background, buttons, text, links, icons, everything minimize the blur effect
+- chat bot remove from navigation bar and its page -> turn the chat bot into FAB -> keyword-matching search assistant for chat -> dont use api, dont label it as ai chat bot label it as Portfolio Assistant
+- footer make the spotify like on messenger/instagram chat music disk spinning when playing if not its not sppining disk -> layout the socials that is not blocked by bring to top button
+- link page -> optimize the theme colors, layout, animation for low end mobile -> make it linktree style that no header and footer 
+- navigation bar in mobile -> fix the background colors theme -> fix not working minimize or bring back icon 
+