feat: implement sidebar notification drawer and update investor page padding layouts

src/app/investor/dashboard/page.tsx

@@ -12,7 +12,7 @@ export default function InvestorDashboardPage() {
   const availableBalance = investor.totalEarnings - investor.totalWithdrawn - investor.withdrawalPending;
 
   return (
-    <div className="min-h-screen ">
+    <div className="min-h-screen lg:pt-6 pt-0">
       <InvestorNotification isMobile />
       <div className="pt-18 lg:pt-0 p-4 lg:p-6 max-w-8xl mx-auto mb-20 lg:mb-0">
         <div className="flex flex-col lg:flex-row lg:items-center justify-between gap-4 mb-6">

src/app/investor/investments/[id]/page.tsx

@@ -50,7 +50,7 @@ export default function InvestorInvestmentDetailPage({ params }: { params: Promi
   const investmentTransactions = transactions.filter((t: any) => t.investorId === investor.id && t.type === 'investment_return');
 
   return (
-    <div className="min-h-screen ">
+    <div className="min-h-screen lg:pt-6 pt-0 ">
       <InvestorNotification isMobile />
       <div className="pt-18 lg:pt-0 p-4 lg:p-6 max-w-6xl mx-auto mb-20 lg:mb-0">
         <div className="flex flex-col lg:flex-row lg:items-center justify-between gap-4 mb-6">

src/app/investor/plans/page.tsx

@@ -48,7 +48,7 @@ export default function MyInvestmentsPage() {
   };
 
   return (
-    <div className="min-h-screen ">
+    <div className="min-h-screen lg:pt-6 pt-0">
       <InvestorNotification isMobile />
       <div className="pt-18 lg:pt-0 p-4 lg:p-6 max-w-8xl mx-auto mb-20 lg:mb-0">
         {/* Header */}

src/app/investor/profile/page.tsx

@@ -125,7 +125,7 @@ export default function InvestorProfilePage() {
   ];
 
   return (
-    <div className="min-h-screen">
+    <div className="min-h-screen lg:pt-6 pt-0">
       <InvestorNotification isMobile />
       <div className="pt-18 lg:pt-0 p-4 sm:p-5 bg-slate-50 min-h-screen">
         <div className="max-w-8xl mx-auto">

src/app/investor/rental-history/page.tsx

@@ -65,7 +65,7 @@ export default function RentalHistoryPage() {
   };
 
   return (
-    <div className="min-h-screen">
+    <div className="min-h-screen lg:pt-6 pt-0">
       <InvestorNotification isMobile />
       <div className="pt-18 lg:pt-0 p-4 sm:p-6 max-w-8xl mx-auto">
         {/* Header */}

src/app/investor/withdraw/page.tsx

@@ -108,7 +108,7 @@ export default function InvestorWithdrawPage() {
   };
 
   return (
-    <div className="min-h-screen">
+    <div className="min-h-screen lg:pt-6 pt-0">
       <InvestorNotification isMobile />
       <div className="pt-18 lg:pt-0 p-4 lg:p-6 max-w-8xl mx-auto">
         {/* Header */}