Rename EventDetails page component files

src/pages/EventDetail/EventDetailPage.module.css

@@ -0,0 +1,89 @@
+.allContent{
+    margin: 16px 0px 16px 0px;
+    align-self: center;
+    width: 90%;
+}
+
+
+.textImage {
+    display: flex;
+    gap: 24px;
+}
+
+.eventImage {
+    width: 40%;
+    aspect-ratio: 16 / 9;
+    background-color: #e0e0e0;
+    border-radius: 16px;
+    flex-shrink: 0;
+}
+
+.eventInfo {
+    flex: 1;
+    min-width: 0;
+    overflow-wrap: break-word;
+}
+
+.eventInfo p {
+    white-space: normal;
+    overflow-wrap: break-word;
+}
+
+.eventImage {
+    width: 40%;
+    height: 100%;
+    aspect-ratio: 16 / 9;
+    background-color: #e0e0e0;
+    border-radius: 16px;
+    flex-shrink: 0;
+}
+
+.registerButton:hover {
+    opacity: 0.85;
+}
+
+.tasks {
+    list-style: none;
+    padding: 0;
+}
+
+.eventContent {
+    display: flex;
+    justify-content: space-between;
+}
+
+.manageBtn {
+    height: fit-content;
+}
+
+.modalContent {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 24px;
+}
+
+.manageEvent {
+    display: flex;
+    flex-direction: row;
+    gap: 10px;
+}
+
+@media screen and (max-width: 768px) {
+
+    .eventContent {
+        flex-direction: column;
+    }
+
+    .textImage {
+        flex-direction: column;
+    }
+
+    .manageEvent {
+        justify-content: center;
+    }
+
+    .eventImage {
+        width: 100%;
+    }
+}