Merged in feat/LOY-391-my-points-transactions-table-design (pull request #3415)

Feat/LOY-391 my points transactions table design

* feat(LOY-391): Added new design to point transaction table

* fix(LOY-391): rebase fix

* fix(LOY-391): fix

* fix(LOY-391): fix

* fix(LOY-391): fixed sticky header etc.

* feat(LOY-391): added focus on the newest loaded item in the list

* fix(LOY-391): cleaned up

* fix(LOY-391): style fix

* fix(LOY-391): fixed PR-comments, types, removed the old files for earn and burn table

* fix(LOY-391): fixed PR-comments

* feat(LOY-391): added useCallback so scrolling is avoided when clicking see all on expiring points


Approved-by: Anton Gunnarsson
Approved-by: Matilda Landström

apps/scandic-web/components/Blocks/DynamicContent/Points/PointTransactions/index.tsx

@@ -0,0 +1,25 @@
+import { Section } from "@/components/Section"
+import { SectionHeader } from "@/components/Section/Header"
+
+import ClaimPoints from "../ClaimPoints"
+import { PointTransactionList } from "./PointTransactionList"
+
+import styles from "./pointTransactions.module.css"
+
+import type { AccountPageComponentProps } from "@/types/components/myPages/myPage/accountPage"
+
+export function PointTransactions({
+  link,
+  subtitle,
+  title,
+}: AccountPageComponentProps) {
+  return (
+    <Section>
+      <div className={styles.header}>
+        <SectionHeader link={link} preamble={subtitle} heading={title} />
+        <ClaimPoints />
+      </div>
+      <PointTransactionList />
+    </Section>
+  )
+}