Add a chart for history of knowledge size

Is your feature request related to a problem? Please describe.

The knowledge size is the size occupied by on-chain data, not the declared size of cells. It reveals how many resources are used to share common knowledge, which is an important index for users.

Describe the solution you'd like The current knowledge size can be calculated as described in https://talk.nervos.org/t/how-to-get-the-average-occupied-bytes-per-live-cell-in-ckb/7138/2?u=keith

And here is the code

const EXCLUDE = BigNumber('504000000000000000')
const getKnowledgeSize = async (nodeUrl: string) => {
  const header = await fetch(nodeUrl, {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({
      id: 1,
      jsonrpc: '2.0',
      method: 'get_tip_header',
      params: [],
    }),
  })
    .then(res => res.json())
    .then(res => res.result)
  const { dao } = header

  const [, , , u] = dao
    .slice(2)
    .match(/\w{16}/g)
    .map((i: string) => i.match(/\w{2}/g)?.reverse().join('') ?? '')
  const total = BigNumber(`0x${u}`).minus(EXCLUDE).toFormat()
  return total
}

A chart of its history can be added in the explorer so we can see how it grew in the past.

Describe alternatives you've considered A clear and concise description of any alternative solutions or features you've considered.

Magickbase / ckb-explorer-public-issues

Add a chart for history of knowledge size #797