Moves event styling to CSS

Refactors event rendering to leverage CSS for styling.

This change simplifies the event renderer by removing styling logic from the Typescript code and placing it in the CSS file.  This improves maintainability and allows for easier customization of event appearance. Hover effects are also moved to CSS for consistency.

wwwroot/css/calendar-events-css.css

@@ -3,14 +3,16 @@
 /* Event base styles */
 swp-event {
   position: absolute;
-  border-radius: 4px;
+  border-radius: 3px;
   overflow: hidden;
-  cursor: move;
+  cursor: pointer;
   transition: box-shadow 150ms ease, transform 150ms ease;
   z-index: 10;
-  left: 1px;
-  right: 1px;
-  padding: 8px;
+  left: 2px;
+  right: 2px;
+  color: white;
+  font-size: 12px;
+  padding: 2px 4px;
   
   /* Event types */
   &[data-type="meeting"] {
@@ -45,7 +47,6 @@ swp-event-time {
   display: block;
   font-size: 0.875rem;
   font-weight: 500;
-  opacity: 0.8;
   margin-bottom: 4px;
 }