fix darkmode color and padding for the tab item

Author: nathanArseneau

client/src/components/PromptsTab.tsx

@@ -105,7 +105,7 @@ const PromptsTab = ({
       />
 
       <div className="bg-card rounded-lg shadow">
-        <div className="p-4 border-b border-gray-200">
+        <div className="p-4 border-b border-gray-200 dark:border-gray-700">
           <h3 className="font-semibold">
             {selectedPrompt ? selectedPrompt.name : "Select a prompt"}
           </h3>

client/src/components/ResourcesTab.tsx

@@ -161,7 +161,7 @@ const ResourcesTab = ({
       />
 
       <div className="bg-card rounded-lg shadow">
-        <div className="p-4 border-b border-gray-200 flex justify-between items-center">
+        <div className="p-4 border-b border-gray-200 dark:border-gray-700 flex justify-between items-center">
           <h3
             className="font-semibold truncate"
             title={selectedResource?.name || selectedTemplate?.name}

client/src/components/ToolsTab.tsx

@@ -129,7 +129,7 @@ const ToolsTab = ({
       />
 
       <div className="bg-card rounded-lg shadow">
-        <div className="p-4 border-b border-gray-200">
+        <div className="p-4 border-b border-gray-200 dark:border-gray-700">
           <h3 className="font-semibold">
             {selectedTool ? selectedTool.name : "Select a tool"}
           </h3>

client/src/components/ui/tabs.tsx

@@ -42,7 +42,7 @@ const TabsContent = React.forwardRef<
   <TabsPrimitive.Content
     ref={ref}
     className={cn(
-      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      "ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
       className,
     )}
     {...props}