adjusted reward component contents

src/components/History/RewardsTable.jsx

@@ -49,12 +49,12 @@ function RewardsTable() {
   return (
     <div className='flex flex-col justify-between min-h-[500px]'>
     {familyRewardHistory.loading ? 
-    <LoadingSpinner size='16' color='sky-blue' height='h-full' />
+    <LoadingSpinner size='16' color='sky-blue' height='h-[500px]' />
     :
     <table className="wallet-activity w-full table-auto border-collapse text-left">
         <thead className='border-b-2'>
             <tr className='text-slate-600'>
-            <th className="p-2">Description</th>
+            <th className="p-2"></th>
             <th className="p-2">Amount</th>
             <th className="p-2">Date</th>
             <th className="p-2">Confirmation</th>

src/components/History/index.jsx

@@ -282,8 +282,6 @@ export default function History() {
                     {/* REWARD SECTION */}
                     {tab == 'reward' &&
                         <div className="wallet w-full border-t">
-                            <h1 className="p-2 text-xl font-bold text-dark-gray dark:text-white tracking-wide">Rewards</h1>
-                            {/* <p className='text-base text-slate-500 dark:text-white'>Activity Report</p> */}
                             <RewardsTable />
                         </div>
                     }