diff --git a/.eslintrc.json b/.eslintrc.json
index e1976a4..d284031 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -1,9 +1,6 @@
 {
   "parser": "@typescript-eslint/parser",
-  "extends": [
-    "eslint:recommended",
-    "plugin:@typescript-eslint/recommended"
-  ],
+  "extends": ["eslint:recommended", "plugin:@typescript-eslint/recommended"],
   "parserOptions": {
     "ecmaVersion": 2020,
     "sourceType": "module"
@@ -14,6 +11,7 @@
     "jest": true
   },
   "rules": {
-    "no-console": "off"
+    "no-console": "off",
+    "no-undef": "off"
   }
 }
diff --git a/public/js/app.js b/public/js/app.js
index 3be7271..546643c 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -7,7 +7,9 @@ function Badge({ status }) {
   };
 
   return (
-    <span className={`px-2 inline-flex text-xs leading-5 font-semibold rounded-full ${colors[status]}`}>
+    <span
+      className={`px-2 inline-flex text-xs leading-5 font-semibold rounded-full ${colors[status]}`}
+    >
       {status}
     </span>
   );
@@ -18,11 +20,12 @@ function ToolCard({ tool }) {
 
   return (
     <div className="bg-white shadow rounded-lg p-4 mb-4">
-      <div className="flex justify-between items-center cursor-pointer" onClick={() => setIsExpanded(!isExpanded)}>
+      <div
+        className="flex justify-between items-center cursor-pointer"
+        onClick={() => setIsExpanded(!isExpanded)}
+      >
         <h3 className="text-lg font-medium text-gray-900">{tool.name}</h3>
-        <button className="text-gray-400 hover:text-gray-600">
-          {isExpanded ? '▼' : '▶'}
-        </button>
+        <button className="text-gray-400 hover:text-gray-600">{isExpanded ? '▼' : '▶'}</button>
       </div>
       {isExpanded && (
         <div className="mt-4">
@@ -44,14 +47,15 @@ function ServerCard({ server }) {
 
   return (
     <div className="bg-white shadow rounded-lg p-6 mb-6">
-      <div className="flex justify-between items-center cursor-pointer" onClick={() => setIsExpanded(!isExpanded)}>
+      <div
+        className="flex justify-between items-center cursor-pointer"
+        onClick={() => setIsExpanded(!isExpanded)}
+      >
         <div className="flex items-center space-x-3">
           <h2 className="text-xl font-semibold text-gray-900">{server.name}</h2>
           <Badge status={server.status} />
         </div>
-        <button className="text-gray-400 hover:text-gray-600">
-          {isExpanded ? '▼' : '▶'}
-        </button>
+        <button className="text-gray-400 hover:text-gray-600">{isExpanded ? '▼' : '▶'}</button>
       </div>
       {isExpanded && server.tools && (
         <div className="mt-6">
@@ -73,16 +77,16 @@ function App() {
 
   useEffect(() => {
     fetch('/api/servers')
-      .then(response => response.json())
-      .then(data => setServers(data))
-      .catch(err => setError(err.message));
+      .then((response) => response.json())
+      .then((data) => setServers(data))
+      .catch((err) => setError(err.message));
 
     // Poll for updates every 5 seconds
     const interval = setInterval(() => {
       fetch('/api/servers')
-        .then(response => response.json())
-        .then(data => setServers(data))
-        .catch(err => setError(err.message));
+        .then((response) => response.json())
+        .then((data) => setServers(data))
+        .catch((err) => setError(err.message));
     }, 5000);
 
     return () => clearInterval(interval);
@@ -121,4 +125,4 @@ function App() {
   );
 }
 
-ReactDOM.render(<App />, document.getElementById('root'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('root'));