refactor(FE): Remove unnecessary padding and margin classes in

components

src/app/production/recording/page.tsx

@@ -2,7 +2,7 @@ import RecordingTable from '@/components/pages/production/recording/RecordingTab
 
 const Recording = () => {
   return (
-    <section className='w-full overflow-x-hidden'>
+    <section className='w-full'>
       <RecordingTable />
     </section>
   );

src/components/pages/expense/ExpensesTable.tsx

@@ -717,7 +717,7 @@ const ExpensesTable = () => {
         </div>
 
         {/* Table Section */}
-        <div className='flex flex-col mb-4 -mx-4 px-4'>
+        <div className='flex flex-col mb-4'>
           <Table<Expense>
             data={isResponseSuccess(expenses) ? expenses?.data : []}
             columns={expensesColumns}

src/components/pages/production/recording/RecordingTable.tsx

@@ -1245,7 +1245,7 @@ const RecordingTable = () => {
         </div>
 
         {/* Table Section */}
-        <div className='flex flex-col mb-4 -mx-4 px-4'>
+        <div className='flex flex-col mb-4'>
           {isLoading ? (
             <div className='w-full flex flex-row justify-center items-center p-4'>
               <span className='loading loading-spinner loading-xl' />