interstellar_ai/app/History.tsx

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;