swapped datepickers on overview for more clarity

Frontend/power-tracker/src/pages/overview.tsx

@@ -135,7 +135,7 @@ function Overview() {
               {/* DATE FROM PICKER */}
               <label className='text-primary text-sm'>Date From</label>
               <div className='flex'>
-                <DatePicker width={280} dates={startDate} setDate={setStartDate} allowedDate={new Date()}/>
+                <DatePicker width={280} dates={endDate} setDate={setEndDate} allowedDate={startDate} />
                 <div className='flex flex-col h-[40px] ml-[5px]'>
                   <Button className='h-[20px] w-[25px] rounded-none rounded-r-lg' variant="ghost" size="icon" onClick={_ => {  //TODO: CLEAN UP THESE LATER ------------------------------- NO REALLY, THEY SUCK ATM
                     var date = new Date;
@@ -162,7 +162,7 @@ function Overview() {
               {/* DATE TO PICKER */}
               <label className='text-primary text-sm'>Date To</label>
               <div className='flex mb-[10px]'>
-                <DatePicker width={280} dates={endDate} setDate={setEndDate} allowedDate={startDate} />
+                <DatePicker width={280} dates={startDate} setDate={setStartDate} allowedDate={new Date()}/>
                 <div className='flex flex-col h-[40px] ml-[5px]'>
                   <Button className='h-[20px] w-[25px] rounded-none rounded-r-lg' variant="ghost" size="icon" onClick={e => {  //TODO: CLEAN UP THESE LATER ------------------------------- NO REALLY, THEY SUCK ATM
                   var date = new Date; var sdate = startDate