feat: update Node version to 22 in build workflow and refactor DeviceList styles

Author: ndorin

.github/workflows/build.yaml

@@ -28,11 +28,11 @@ jobs:
     steps:
       - name: Checkout Repo
         uses: actions/checkout@v4
-      - name: Use Node 20
+      - name: Use Node 22
         uses: actions/setup-node@v4
         with:
           cache: npm
-          node-version: '20'
+          node-version: '22'
           registry-url: 'https://npm.pkg.github.com'
       - name: Set package.json version
         run: |

src/features/deviceList.tsx

@@ -15,7 +15,7 @@ const DeviceList = () => {
 
   return (
     <div className="h-100 overflow-hidden d-flex gap-3">
-      <div className="h-100 overflow-hidden d-flex flex-column" style={{ minWidth: 0, flex: "0 0 33%" }}>
+      <div className="h-100 overflow-hidden d-flex flex-column flex-basis-33">
         <div className="h-100 overflow-auto">
           <h2>Devices</h2>
           <table className="table table-sm table-striped table-hover">

src/styles.scss

@@ -359,6 +359,11 @@ a:hover {
   color: $white !important;
 }
 
+.flex-basis-33 {
+  flex: 0 0 33%;
+  min-width: 0;
+}
+
 .list-selected-primary {
   background-color: $primary !important;
   color: $white !important;