This commit adds an Easter Egg feature to the page.js file. When the document is fully loaded, the initEasterEgg() function is called, which listens for clicks on the body element. If the clicked element is not an interactive element or does not trigger an event, a random hue shift filter is applied to the body and a random string from a predefined list of strings is displayed in a designated HTML element with class "easter-egg". The commit also includes a helper function, isInteractiveElement(), which checks if an element is interactive or triggers an event.
- Removed unnecessary CSS properties from `base.scss`
- Added `class="h-100"` to the `<html>` tag in `base.html.twig` for full height
- Added `class="d-flex flex-column h-100"` to the `<body>` tag in `base.html.twig` for flexbox layout
- Updated footer styling in `base.html.twig` with additional classes
- Added `class="flex-shrink-0"` to the `<main>` tag in `page.html.twig`
