update: adjust TableList component for improved data display and enhance ListDevice component styles

src/layout/LayoutLogo.jsx

@@ -10,14 +10,14 @@ const LayoutLogo = () => {
                 display: 'flex',
                 justifyContent: 'center',
                 alignItems: 'center',
-                backgroundColor: '#001529',
                 padding: '1rem',
                 borderRadius: '1rem',
             }}
         >
             <div
                 style={{
-                    background: 'radial-gradient(circle at center, rgba(255,255,255,0.95), rgba(220,220,220,0.5))',
+                    background:
+                        'radial-gradient(circle at center, rgba(255,255,255,0.95), rgba(220,220,220,0.5))',
                     borderRadius: '50%',
                     width: 160,
                     height: 160,
@@ -26,7 +26,7 @@ const LayoutLogo = () => {
                     alignItems: 'center',
                     boxShadow: '0 6px 20px rgba(0, 0, 0, 0.2)',
                     position: 'relative',
-                    overflow: 'hidden'
+                    overflow: 'hidden',
                 }}
             >
                 {/* Ring sebelum logo utama */}
@@ -37,7 +37,7 @@ const LayoutLogo = () => {
                         width: 160,
                         height: 160,
                         position: 'absolute',
-                        zIndex: 1
+                        zIndex: 1,
                     }}
                 />
 
@@ -66,4 +66,4 @@ const LayoutLogo = () => {
     );
 };
 
-export default LayoutLogo;
+export default LayoutLogo;