please add a new stopwatch component.

[colin-codegen]

The recommended approach to adding the stopwatch component involves creating a new directory, Stopwatch, under src/components/ui. Within this, a new file Stopwatch.tsx should be created containing a starter stopwatch component that uses React hooks to count and display seconds. This component can be incorporated into existing components through an import statement, such as in src/pages/_app.tsx, where it should be added to the return statement within the MyApp component. Note that this is a basic implementation and customizations may be needed according to specific requirements, for example, adding features like start, pause, and reset, or improving the interface. Here is the key piece of the basic implementation:

const Stopwatch = () => {
  const [seconds, setSeconds] = useState(0);
  useEffect(() => {
    const interval = setInterval(() => {
      setSeconds(seconds => seconds + 1);
    }, 1000);
    return () => clearInterval(interval);
  }, []);
  return (
    <div>
      Seconds: {seconds}
    </div>
  );
};
export default Stopwatch;