history page loader transparent fix

src/App.css

@@ -26,6 +26,10 @@
     background: #0a0a0a;
 }
 
+.page-loader--transparent {
+    background: transparent;
+}
+
 .page-loader__tree {
     transform-origin: center bottom;
     animation: tree-sway 1.8s ease-in-out infinite alternate;

src/components/PageLoader.tsx

@@ -1,6 +1,6 @@
-export function PageLoader() {
+export function PageLoader({ transparent }: { transparent?: boolean }) {
   return (
-    <div className="page-loader" role="status" aria-label="Loading">
+    <div className={`page-loader${transparent ? ' page-loader--transparent' : ''}`} role="status" aria-label="Loading">
       <svg
         className="page-loader__tree"
         viewBox="0 0 60 90"

src/pages/HistoryPage.tsx

@@ -270,7 +270,7 @@ export default function HistoryPage() {
           </h3>
 
           {loadingEntries ? (
-            <PageLoader />
+            <PageLoader transparent />
           ) : (
             <div className="entries-list">
               {selectedDateEntries.length === 0 ? (