Started changes the file structure

app/components/History.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+
+const History: React.FC = () => {
+  return (
+    <div className="history-background">
+      <div className="history">
+        <ul>
+          {/* Populate with history items */}
+          {Array.from({ length: 20 }, (_, index) => (
+            <li key={index}>
+              <a href="#">history{index + 1}</a>
+            </li>
+          ))}
+        </ul>
+      </div>
+    </div>
+  );
+};
+
+export default History;