Fies overflow-x problem on themes list. Adds light animation to item appear.

src/admin/scss/_tables.scss

@@ -9,10 +9,13 @@
         width: 100%;
         height: calc(100% - 40px);
         border-collapse: separate;
-        overflow: auto;
+        overflow-x: auto;
+        overflow-y: hidden;
         margin-bottom: 0px !important;
 
         table.tainacan-table {
+            animation-name: appear;
+            animation-duration: 0.5s;
             width: 100%;
             border-collapse: separate;
             border-spacing: 0;

src/admin/scss/_variables.scss

@@ -224,4 +224,18 @@ $modal-z: 9999999;
         animation-duration: 0.2s;
         animation-timing-function: ease-in;
     } 
+}
+
+// Animations for Item Appear in Items List
+@keyframes item-appear {
+    from {
+        opacity: 0;
+        visibility: hidden;
+        transform: translate(0, 12px);
+    }
+    to {
+        opacity: 1;
+        visibility: visible;
+        transform: translate(0, 0px);
+    }
 }

src/admin/scss/_view-mode-cards.scss

@@ -15,6 +15,8 @@
     }
 
     .tainacan-card {
+        animation-name: item-appear;
+        animation-duration: 0.5s;
         padding: 0px;
         flex-basis: 0;
         margin: 0.75rem;

src/admin/scss/_view-mode-grid.scss

@@ -12,6 +12,8 @@
     }
 
     .tainacan-grid-item {
+        animation-name: item-appear;
+        animation-duration: 0.5s;
         max-width: 258px;
         flex-basis: 0;
         margin: 1rem 1.5rem 1.5rem 1.5rem;

src/admin/scss/_view-mode-records.scss

@@ -15,6 +15,8 @@
     }
 
     .tainacan-record {
+        animation-name: item-appear;
+        animation-duration: 0.5s;
         padding: 0px;
         flex-basis: 0;
         margin: 0.75rem;