feat: Fix a regression in the Library Page

Author: PintoGideon

src/components/Feeds/Feeds.css

@@ -55,7 +55,7 @@
 .ResizeHandle,
 .ResizeHandleVertical,
 .ResizeHandleCollapsed {
-  background-color: gray; /* Default background color */
+  background-color:#4F5255; /* Default background color */
   transition: background-color 250ms linear;
 }
 
@@ -80,13 +80,13 @@
 .ResizeHandleVertical[data-resize-handle-active],
 .ResizeHandleCollapsed:hover,
 .ResizeHandleCollapsed[data-resize-handle-active] {
-  background-color: var(--pf-global--active-color--400); /* PatternFly blue */
+  background-color:#8A8D90 ; /* PatternFly blue */
 }
 
 /* Adjust for touch devices */
 @media (pointer: coarse) {
   .ResizeHandle {
-    width: 1rem;
+    width: 0.5em;
   }
   .ResizeHandleVertical {
     height: 1rem;

src/components/NewLibrary/components/LibraryTable.tsx

@@ -327,11 +327,11 @@ const LibraryTable: React.FC<TableProps> = ({
             >
               {columnNames.date}
             </Th>
-            <Th name="owner">
-              {columnNames.owner} width={20}
+            <Th name="owner" width={20}>
+              {columnNames.owner}
             </Th>
-            <Th name="size">
-              {columnNames.size} width={20}
+            <Th name="size" width={20}>
+              {columnNames.size}
             </Th>
           </Tr>
         </Thead>