fix(ChatBot): Remove custom font size

[rebeccaalpert]

Use PatternFly default of 14px rather than 16px.

Fixes #853.

I did notice these arrows seem funky

Ours	Main Site

[patternfly-build]

Preview: https://chatbot-pr-chatbot-857.surge.sh

A11y report: https://chatbot-pr-chatbot-857-a11y.surge.sh

[mcoker]

The only spot I'm seeing a regression is on https://chatbot-pr-chatbot-857.surge.sh/extensions/chatbot/overview/demo/comparing-chatbots/. The text in .pf-chatbot__header-main was 16px and now it's 14px.

[rebeccaalpert]

I just updated it @mcoker!

[mcoker]

This will reintroduce the original bug where the title in the menu is too big since the menu is rendered in .pf-chatbot__header (in .pf-chatbot__actions).

Looks like there is a ChatbotHeaderTitle component that the other examples use for the title/image. The comparing chatbots example isn't using it - the text is passed directly to ChatbotHeaderMain

chatbot/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/EmbeddedComparisonChatbot.tsx

Line 118 in 9f1486e

<ChatbotHeaderMain>{name}</ChatbotHeaderMain>

According to the chatbot header docs it says to put your title in ChatbotHeaderTitle - can that be considered the right way of doing it and we update .pf-chatbot__title to be 16px, then just update the comparing chatbots example to use ChatbotHeaderTitle?

I don't think anyone would want to put the text directly in ChatbotHeaderMain as it's done in that example anyways. .pf-chatbot__header-main is a flex layout, so it's going to treat whatever is in it as flex children. So if you had text like chat<span>BOT</span> as the title, it would put a gap between "chat" and "BOT" since each node is treated as a flex item.