feat: CDN (Firebase) & feat: account section (OLD)

[berry-13]

#1438

Summary

I have implemented CDN support using Firebase. Currently, it's specifically designed for uploading profile pictures, but we plan to extend its functionality to support images within the chat and file uploads as well. Additionally, there have been some minor graphical changes, including new icons, and a reorganization of folders in the Settings Tabs. The CDN for profile pictures is currently working for Google, Facebook, Github, and Discord (OpenID support is not yet implemented). Before being uploaded, the images undergo transformation and conversion into the webp format. On average, a profile picture weighs around 3kb, with some as low as 300B. The upload profile picture functionality works for those who don't use Firebase as well. Also, DALL-E plugin support firebase

Here are some frontend images showcasing the image upload

1202.mp4

fixed some bugs in the settings tab when the theme was light

Change Type

• Bug fix (non-breaking change which fixes an issue)
• Style update
• New feature (non-breaking change which adds functionality)
• This change requires a documentation update

Testing

...

• tested automatic disable "auto avatar upload with social logins": Google, Facebook, Github and Discord
• refactor login tested with Google, Facebook, Github and Discord

Checklist

• My code adheres to this project's style guidelines
• I have performed a self-review of my own code
• I have commented in any complex areas of my code
• I have made pertinent documentation changes
• My changes do not introduce new warnings
• I have written tests demonstrating that my changes are effective or that my feature works
• Local unit tests pass with my changes
• Any changes dependent on mine have been merged and published in downstream modules.

[danny-avila]

For both files in routes and services directories, please move them to files/images.

Any new API endpoints should follow RESTful pattern i.e, /api/files/images/profile