Delete old components and hooks from v1 details page (#1487)

Author: DannyDelott

apps/hyperdrive-trading/src/ui/hyperdrive/MaturesOnCell/MaturesOnCell.tsx

@@ -3,43 +3,7 @@ import classNames from "classnames";
 import { ReactElement } from "react";
 import { convertMillisecondsToDays } from "src/base/convertMillisecondsToDays";
 import { formatDate } from "src/ui/base/formatting/formatDate";
-import { getRemainingTimeLabel } from "src/ui/hyperdrive/getRemainingTimeLabel";
-import { useBlock } from "wagmi";
 
-/**
- * @deprecated Use MaturesOnCellTwo instead. Remove this component once all references to it have been replaced.
- * Returns the maturity date of a long in a human-readable format.
- */
-export function MaturesOnCell({
-  hyperdrive,
-  maturity,
-}: {
-  hyperdrive: HyperdriveConfig;
-  maturity: bigint;
-}): ReactElement {
-  const { data: currentBlock } = useBlock({ chainId: hyperdrive.chainId });
-  const isTermComplete = maturity < (currentBlock?.timestamp || 0n);
-  const maturityDateMS = maturity * 1000n;
-
-  const remainingTime = getRemainingTimeLabel({
-    maturitySeconds: Number(maturity),
-  });
-
-  return (
-    <div className="daisy-stat flex flex-row p-0 xl:flex-col">
-      <span className="daisy-stat-value text-xs font-normal lg:text-md">
-        {formatDate(Number(maturityDateMS))}
-      </span>
-      <div
-        className={classNames("daisy-stat-desc inline-flex text-xs lg:mt-1", {
-          "text-success": isTermComplete,
-        })}
-      >
-        {remainingTime}
-      </div>
-    </div>
-  );
-}
 export function MaturesOnCellTwo({
   maturity,
   hyperdrive,