improve UI styling and UX

[jinglescode]

see https://docs.trynia.ai/integrations/nia-mcp, its provided by https://www.mintlify.com/.

take inspiration, and lets build it!

whats nice:

• the tabs is great to separate big sections
• API ref is nice, to show our inline docs
• the AI chat at the bottom, nice animation, open to side panel that is expandable
• gentle gradient color

[smutyala1at]

1. very much possible to have tabs with very minimal config changes with our current setup
2. do we need api reference of apis or packages too?
3. we could add ai button on the bottom, but the concern is about disturbing overlay of this on the content. btw our chat window is resizable
4. we definitely should try out some gradient colors to give our website bit of modern glassmorphic + gradient look. would be nice if we have some mesh branding colors