Run format

Author: seambot

src/lib/SeamProvider.tsx

@@ -1,7 +1,6 @@
 'use client'
 
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
-import React from 'react'
 import {
   createContext,
   type ReactElement,

src/styles/device-details.scss

@@ -1,5 +1,5 @@
 .seam--device-details {
-    padding:  0px 24px 24px;
+  padding: 0px 24px 24px;
 
   .seam--body {
     display: flex;
@@ -13,14 +13,14 @@
 
       .seam--content {
         display: flex;
-        align-items:center;
+        align-items: center;
         gap: 20px;
 
         .seam--image {
           width: 100px;
           height: 100px;
           display: flex;
-          align-items:center;
+          align-items: center;
 
           img {
             max-width: 100%;

src/styles/main.scss

@@ -1,17 +1,16 @@
-.seam-components{
+.seam-components {
   font-family: 'Source Sans Pro', system-ui, -apple-system, BlinkMacSystemFont,
     'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',
     sans-serif;
 
   --primary: #007afc;
-  --text-gray-1: #6E7179;
+  --text-gray-1: #6e7179;
   --text-gray-2: #9da1a9;
-  --text-gray-3: #D5D8DC;
+  --text-gray-3: #d5d8dc;
   --input-border: #d5d8dc;
-  --bg-a: #F1F3F4;
-  --status-red-alert: #E36857;
-  --item-hover-bg: #F4F6F8;
-
+  --bg-a: #f1f3f4;
+  --status-red-alert: #e36857;
+  --item-hover-bg: #f4f6f8;
 
   // Reset
   @import 'the-new-css-reset/css/reset.css';
@@ -26,5 +25,5 @@
 
   // Components
   @import './access-code-table.scss';
-  @import './device-details.scss'
+  @import './device-details.scss';
 }