[Feat] Add authorization to EventEditor rendering based on event status and user roles

Author: Aloento

src/Components/Event/EventCard.tsx

@@ -57,7 +57,12 @@ export function EventCard({ Event }: { Event: Models.IEvent }) {
               <EventExtract Event={Event} />
             </Authorized>
 
-            <EventEditor Event={Event} />
+            <Authorized rules={(groups) => {
+              return Event.Status === EventStatus.PendingReview ||
+                groups.some(g => g === Roles.Operators || g === Roles.Admins);
+            }}>
+              <EventEditor Event={Event} />
+            </Authorized>
           </div>
         </Authorized>
       </div>

src/Components/Event/EventExtract.tsx

@@ -16,7 +16,7 @@ export function EventExtract({ Event }: { Event: Models.IEvent }) {
   return <>
     <ScaleButton onClick={setTrue} size="small" variant="secondary">
       <ScaleIconActionExport />
-      Extract Services
+      &nbsp;Extract Services
     </ScaleButton>
 
     <ScaleModal