Sauced up the application | syling overhaul, responsive design implementation and application restructuring

[ColinLefter]

Summary of Changes

1. deleted the backend folder from our application as we are no longer using Django (restructured application as a result--you now need to run all npm commands while within /application instead of /application/frontend
2. revised our whole application color scheme and UI settings (improved dark mode, integrated gradients across all buttons and modals)
3. integrated special sauce: a 3D background video on auto play on our home page (and an equivalent one for light theme) complete with an applied opacity mask for text contrast
4. added an interactive text-channel demo within the home page so that users can see what text channels look like while also being able to have fun with them in the home page (try it out)!
5. added a footer to our home page
6. added a skeleton that pre-loads on browser refresh / application launch before displaying result of the friend list query (whether a user has friends or not). If a user has no friends, a welcome text will appear after the skeleton. Otherwise, the friend list will display.
7. deleted the servers that were previously displayed on the right sidebar (as we are no longer doing servers, but rather only text channels)
8. added push notifications for creating a new chat and sending a friend request

Visual Summary of Changes

The Secret Sauce

Home Page

Skeleton Pre-Loading

(and after we know that a user has no friends)

Push Notifications

Other Enhancements

Before

After

Known Issues

• The "Friends" tab at the top of our left sidebar has been replaced with a button, but that button does not seem to be switching the display of the main section of the shell to the friends list. This will be fixed in a future iteration, but for now, the only way to get back to the friend list is to refresh your browser. I will investigate this later.