feat: apply 12 hour time while event is being made and give rounded corners while creating new event

src/css/injected.scss

@@ -1987,6 +1987,10 @@ div.entry.new {
   border-radius: 4px;
 }
 
+div.liveEntry {
+  border-radius: 4px;
+} 
+
 .uiFileHandler .uiButton {
   border-radius: 32px !important;
   color: var(--text-primary) !important;

src/plugins/built-in/timetable/index.ts

@@ -67,7 +67,7 @@ async function handleTimetable(): Promise<void> {
 
   // Convert time format if needed
   if (settingsState.timeFormat == "12") {
-    const times = document.querySelectorAll(".timetablepage .times .time");
+    const times = document.querySelectorAll(".timetablepage .times .time, .timetablepage .liveentry, .timetablepage .entry.new");
     for (const time of times) {
       if (!time.textContent) continue;
       time.textContent = convertTo12HourFormat(time.textContent, true);