diff --git a/backend/src/Controllers/TransactionController.php b/backend/src/Controllers/TransactionController.php
index 60f4d25..1bd5e07 100644
--- a/backend/src/Controllers/TransactionController.php
+++ b/backend/src/Controllers/TransactionController.php
@@ -26,6 +26,8 @@ public function index(Request $request, Response $response): Response
         $transactionRepo = $this->em->getRepository(Transaction::class);
 
         $transactions = $transactionRepo->createQueryBuilder('t')
+            ->leftJoin('t.category', 'c')
+            ->addSelect('c')
             ->setFirstResult($skip)
             ->setMaxResults($limit)
             ->getQuery()
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 4bcf768..0757369 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useState, useCallback } from 'react';
 import './App.css';
 import Header from './components/Header';
 import TransactionList from './components/TransactionList';
@@ -6,10 +6,10 @@ import TransactionList from './components/TransactionList';
 function App() {
   const [userActivityCount, setUserActivityCount] = useState(0);
 
-  const handleUserProfileClick = () => {
+  const handleUserProfileClick = useCallback(() => {
     console.log("User profile clicked!");
     setUserActivityCount(prev => prev + 1);
-  };
+  }, []);
 
   return (
     <div className="App min-h-screen bg-gray-100 flex flex-col">
diff --git a/frontend/src/components/TransactionList.tsx b/frontend/src/components/TransactionList.tsx
index adbfd1d..10ded29 100644
--- a/frontend/src/components/TransactionList.tsx
+++ b/frontend/src/components/TransactionList.tsx
@@ -99,4 +99,4 @@ const TransactionList: React.FC = () => {
   );
 };
 
-export default TransactionList;
\ No newline at end of file
+export default React.memo(TransactionList);
\ No newline at end of file