feat: update themes, textStyle font family to be generic

[karrui]

This PR adds new design themes for PaySG, DistributeSG, etc to the storybook for preview.
Also updates textStyle font family to be generic so they can be replaced in Chakra's global theme declaration as needed.

For example, to change to another font (or use NextJS font loading):

// _app.ts
import { interFont } from '~/theme'

const MyApp = (({ Component, pageProps }) => {
  return (
    <main className={interFont.className}>
      <ThemeProvider theme={theme}>
        {getLayout(<Component {...pageProps} />)}
      </ThemeProvider>
    </main>
  )
})

// theme.ts, NextJS next/font example
import { extendTheme } from '@chakra-ui/react'


const interFont = Inter({ subsets: ['latin'] })

export const theme = extendTheme({
  ...
  fonts: {
    body: interFont.style.fontFamily,
  },

[netlify]

✅ Deploy Preview for objective-bell-0ffbfb canceled.

Name	Link
🔨 Latest commit	502ccc6
🔍 Latest deploy log	https://app.netlify.com/sites/objective-bell-0ffbfb/deploys/642e6e75abe9040008cb5fdc