Add padding to main page content (#243)

skyvern-frontend/src/routes/settings/Settings.tsx

@@ -20,7 +20,7 @@ function Settings() {
     useSettingsStore();
 
   return (
-    <div className="flex flex-col gap-8 max-w-5xl mx-auto">
+    <div className="flex flex-col gap-8 max-w-5xl mx-auto p-8 pt-0">
       <Card>
         <CardHeader className="border-b-2">
           <CardTitle className="text-lg">Settings</CardTitle>

skyvern-frontend/src/routes/tasks/create/CreateNewTask.tsx

@@ -23,7 +23,7 @@ function CreateNewTask() {
   const caseInputId = useId();
 
   return (
-    <div className="flex flex-col gap-8 max-w-5xl mx-auto">
+    <div className="flex flex-col gap-8 max-w-5xl mx-auto p-8 pt-0">
       <div className="flex gap-4 items-center">
         <Label htmlFor={caseInputId} className="whitespace-nowrap">
           Select a sample:

skyvern-frontend/src/routes/tasks/detail/TaskDetails.tsx

@@ -51,7 +51,7 @@ function TaskDetails() {
   }
 
   return (
-    <div className="flex flex-col gap-8 max-w-5xl mx-auto">
+    <div className="flex flex-col gap-8 max-w-5xl mx-auto p-8 pt-0">
       <div className="flex items-center">
         <Label className="w-32 shrink-0 text-lg">Task ID</Label>
         <Input value={taskId} readOnly />

skyvern-frontend/src/routes/tasks/list/TaskList.tsx

@@ -72,7 +72,7 @@ function TaskList() {
   );
 
   return (
-    <div className="flex flex-col gap-8 max-w-5xl mx-auto">
+    <div className="flex flex-col gap-8 max-w-5xl mx-auto p-8 pt-0">
       <Card>
         <CardHeader className="border-b-2">
           <CardTitle className="text-xl">Running Tasks</CardTitle>