refactor(Toolbar): add Typescript types

[amal-k-joy]

Contributes to #4274

Add Typescript types to Toolbar

What did you change?

Change extension to .tsx via git
Copy the PropTypes definitions above the component definition
Retool the PropTypes to be a TypeScript interface
Fixed the type errors

How did you test and verify your work?

Tested locally using storybook

[netlify]

✅ Deploy Preview for carbon-for-ibm-products ready!

Name	Link
🔨 Latest commit	6e402cc
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-for-ibm-products/deploys/6616318872936300084994bb
😎 Deploy Preview	https://deploy-preview-4600--carbon-for-ibm-products.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[matthewgallo]

Just have a few small questions. Also, if you used git to rename the file it will make the diff a bit easier to read (ie git mv packages/ibm-products/src/components/ComponentName/ComponentName.js packages/ibm-products/src/components/ComponentName/ComponentName.tsx).

[amal-k-joy]

Just have a few small questions. Also, if you used git to rename the file it will make the diff a bit easier to read (ie git mv packages/ibm-products/src/components/ComponentName/ComponentName.js packages/ibm-products/src/components/ComponentName/ComponentName.tsx).

I used git to rename the file , but still it showed lot of diff. May be that is because I did yarn format after that.