feat(ui-components): address other copilot stuff

Author: Harkunwar

packages/ui-components/Common/ChangeHistory/index.module.css

@@ -116,13 +116,3 @@
     leading-tight
     opacity-75;
 }
-
-.emptyState {
-  @apply px-2.5
-    py-1.5
-    text-sm
-    font-medium
-    text-neutral-800
-    opacity-75
-    dark:text-white;
-}

packages/ui-components/Common/ChangeHistory/index.tsx

@@ -24,10 +24,10 @@ const ChangeHistory: FC<ChangeHistoryProps> = ({
   <div className={`${styles.changeHistory} ${className}`} {...props}>
     {changes.length > 0 ? (
       <details className="group">
-        <summary className={styles.summary} role="button" aria-haspopup="true">
-          <ClockIcon className={styles.icon} aria-hidden="true" />
+        <summary className={styles.summary} role="button" aria-haspopup="menu">
+          <ClockIcon className={styles.icon} />
           <span>{label}</span>
-          <ChevronDownIcon className={styles.chevron} aria-hidden="true" />
+          <ChevronDownIcon className={styles.chevron} />
         </summary>
         <div
           className={`${styles.dropdownContent} ${
@@ -75,7 +75,7 @@ const ChangeHistory: FC<ChangeHistoryProps> = ({
         aria-disabled="true"
       >
         <ClockIcon className={styles.icon} aria-hidden="true" />
-        <span>History</span>
+        <span>{label}</span>
         <ChevronDownIcon className={styles.chevron} aria-hidden="true" />
       </div>
     )}