fix: tool usage plot responsiveness

import { useEffect, useMemo, useReducer } from 'react'

const page = css`

  display: flex;

  flex-direction: column;

  height: 100%;

  display: grid;

  grid-template-rows: auto auto 1fr auto 1fr;

  @media (max-width: 120rem) {

    height: clamp(100%, 120rem, 200%);

    grid-template-rows: auto auto 1fr auto 2fr;

  }

`

const top = css`

  flex: 1;

  overflow: hidden;

`

const bottom = css`

  flex: 1;

  display: flex;

  overflow: hidden;

  display: grid;

  grid-template-columns: 1fr auto 1fr;

  grid-template-rows: unset;

  @media (max-width: 120rem) {

    flex: 2;

    flex-direction: column;

    grid-template-columns: unset;

    grid-template-rows: 1fr auto 1fr;

  }

`

const bottomElement = css`

  flex: 1;

  overflow: auto;

`

const Home = () => {