refactor(FE-208,212): enhance approval button layout and add reject option in PurchaseOrderDetail

src/components/pages/purchase/order/PurchaseOrderDetail.tsx

@@ -522,17 +522,37 @@ const PurchaseOrderDetail = ({
   return (
     <section className='w-full'>
       {/* Approval and Action Buttons */}
-      <div className='flex flex-wrap gap-3 my-6'>
+      <div className='flex justify-between items-center w-full my-6'>
+        <Button
+          href='/purchase'
+          variant='link'
+          className='w-fit p-0 text-primary'
+        >
+          <Icon icon='uil:arrow-left' width={24} height={24} />
+          Kembali
+        </Button>
+
         {showApprovalButton && (
-          <Button
+          <div className='flex flex-row gap-2'>
-            onClick={handleApprovalClick}
+            <Button
-            variant='outline'
+              onClick={handleApprovalClick}
-            color='success'
+              variant='outline'
-            className='w-full sm:w-fit'
+              color='success'
-          >
+              className='w-full sm:w-fit'
-            <Icon icon='material-symbols:check' width={20} height={20} />
+            >
-            Approve
+              <Icon icon='material-symbols:check' width={24} height={24} />
-          </Button>
+              Approve
+            </Button>
+
+            <Button
+              variant='outline'
+              color='error'
+              className='w-full sm:w-fit'
+            >
+              <Icon icon='material-symbols:close' width={24} height={24} />
+              Reject
+            </Button>
+          </div>
         )}
       </div>