fix scrollbar

Author: upayanmazumder

app/src/app/globals.css

@@ -351,26 +351,27 @@ section table {
 }
 
 ::-webkit-scrollbar-track {
-  background: var(--background);
+  background: #181b26; /* darker track */
   border-radius: var(--border-radius-medium);
 }
 
 ::-webkit-scrollbar-thumb {
-  background-color: #3c445a;
-  border: 4px solid var(--background);
+  background-color: #2b3244; /* darker thumb */
+  border: 3px solid #181b26; /* match track background */
   border-radius: var(--border-radius-medium);
   transition: background-color var(--transition-fast);
 }
 
 ::-webkit-scrollbar-thumb:hover {
-  background-color: #4e5a76;
+  background-color: #40485c; /* subtle hover */
 }
 
 ::-webkit-scrollbar-corner {
-  background: var(--background);
+  background: #181b26;
 }
 
+/* Firefox */
 * {
-  scrollbar-width: auto;
-  scrollbar-color: #3c445a var(--background);
+  scrollbar-width: thin;
+  scrollbar-color: #2b3244 #181b26;
 }

app/src/components/ui/Footer/Footer.tsx

@@ -55,7 +55,6 @@ const Footer: React.FC = () => {
               <span className="font-semibold text-[var(--foreground)] group-hover:text-[var(--text-link-color)] transition-colors">
                 Kargo Frontend
               </span>
-              <span className="text-xs text-[var(--foreground)]/50 mt-1">Next.js application</span>
             </div>
             <svg
               className="w-5 h-5 text-[var(--foreground)]/30 group-hover:text-[var(--text-link-color)] transition-colors"
@@ -82,7 +81,6 @@ const Footer: React.FC = () => {
               <span className="font-semibold text-[var(--foreground)] group-hover:text-[var(--text-link-color)] transition-colors">
                 Kargo Backend
               </span>
-              <span className="text-xs text-[var(--foreground)]/50 mt-1">Node.js API server</span>
             </div>
             <svg
               className="w-5 h-5 text-[var(--foreground)]/30 group-hover:text-[var(--text-link-color)] transition-colors"