ui changes

checklist.md

@@ -8,6 +8,8 @@
 - [x] Set up Discord OAuth2
 - [x] Create API endpoint to get user's servers
 - [x] Store user theme preference on the backend
+- [x] Create API endpoint to make bot leave a server
+- [x] Encrypt user information in `db.json`.
 
 ## Frontend
 - [x] Create login page
@@ -43,6 +45,13 @@
    - Acceptance criteria: On the server-specific settings page, the "Invite Bot" button (or the "Bot is already in this server" text) should be vertically and horizontally aligned with the main server name title for a cleaner look.
  - [x] Fix incorrect invite link on dashboard cards
    - Acceptance criteria: The invite link generated for the dashboard cards should correctly redirect to the Discord OAuth2 authorization page with the proper client ID, permissions, and scope, matching the functionality of the invite button in the server settings panel.
+- [x] ~~by default hide or gray out bot options in each server dashboard panel if the bot is not in the server. Only allow to edit the features if the bot is in the discord server.~~ (User changed their mind)
+- [x] Allow dashboard cards to be clickable even if the bot is not in the server. Inside the server settings, all commands and categories should be greyed out and not touchable. Only allow the invite button to be clicked within.
+- [x] Add a button to the server cards that allows the user to make the bot leave the server. The button should only be visible if the bot is in the server.
+- [x] In the server settings, replace the text "The bot is already in this server" with a "Leave" button.
+- [x] Add a confirmation dialog to the "Leave" buttons on both the dashboard cards and the server settings page.
+- [x] Redesign the login page to be more bubbly, centered, and eye-catching, with bigger text and responsive design.
+- [x] Make server settings panels collapsible for a cleaner mobile UI.
 
 ## Discord Bot
 - [x] Create a basic Discord bot
@@ -52,3 +61,21 @@
 - [x] Implement command handler
 - [x] Implement event handler
 - [x] Set bot status on ready event
+- [x] Automatically register slash commands on server join.
+
+## Features
+- [x] **Welcome/Leave Messages**
+    - [x] Add "Welcome/Leave" section to server settings.
+    - [x] **Welcome Messages:**
+        - [x] Add toggle to enable/disable welcome messages.
+        - [x] Add dropdown to select a channel for welcome messages.
+        - [x] Add 3 default welcome message options.
+        - [x] Add a custom welcome message option with a text input and apply button.
+    - [x] **Leave Messages:**
+        - [x] Add toggle to enable/disable leave messages.
+        - [x] Add dropdown to select a channel for leave messages.
+        - [x] Add 3 default leave message options.
+        - [x] Add a custom leave message option with a text input and apply button.
+    - [x] **Bot Integration:**
+        - [x] Connect frontend settings to the backend.
+        - [x] Implement bot logic to send welcome/leave messages based on server settings.