fix: Add bottom padding to hire page for better scrolling

- Add bottom padding to main hire page container
- Add margin bottom to job listings table
- Prevents table from sticking to bottom of screen
- Improves scrolling and visual spacing

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: Zeff01

apps/codebility/app/home/hire/_components/HirePageClient.tsx

@@ -18,7 +18,9 @@ export default function HirePageClient() {
         <h2 className="text-xl font-light text-white">Active Job Listings</h2>
         <CreateJobForm onJobCreated={handleJobCreated} />
       </div>
-      <JobListingsTable />
+      <div className="mb-8">
+        <JobListingsTable />
+      </div>
     </>
   );
 }

apps/codebility/app/home/hire/page.tsx

@@ -64,7 +64,7 @@ export default async function HirePage() {
 
   return (
     <div className="mx-auto max-w-screen-xl">
-      <div className="flex flex-col gap-4 pt-4">
+      <div className="flex flex-col gap-4 pt-4 pb-8">
         <div className="mb-6">
           <CustomBreadcrumb items={breadcrumbItems} />
         </div>