Update the website with new Ballerina/BI plugin UIs and content

[dulajdilshan]

Description

There are some old ballerina guides that has old low-code editor UIs. Need change them to the new Ballerina/BI UIs. Also update the content appropriately.

• Integration Tutorials: https://ballerina.io/learn/integration-tutorials/
• pre-built-integrations: https://ballerina.io/learn/pre-built-integrations/
• Use-cases:https://ballerina.io/use-cases/
• VS Code extension pages: https://ballerina.io/learn/vs-code-extension/
  e.g.
  - https://ballerina.io/learn/vs-code-extension/get-started/
  - https://ballerina.io/learn/vs-code-extension/implement-the-code/ballerina-visualizer-view/

Version

No response

[dulajdilshan]

Go through all the pages related to VS Code extension in https://ballerina.io/learn/vs-code-extension/ and change anything is in old UIs