Temp bugfix for Accordion component (smartcontractkit#1761)

src/content/quickstarts/batch-reveal.mdx

@@ -8,7 +8,6 @@ requires: "Wallet with gas token & ERC-677 LINK"
 ---
 
 import { Accordion, Aside, CodeSample, ClickToZoom } from "@components"
-import { Tabs } from "@components/Tabs"
 
 ## Overview
 

src/content/quickstarts/giveaway.mdx

@@ -148,11 +148,8 @@ Refer to the [Foundry installation instructions](https://book.getfoundry.sh/gett
 
 Install [GNU make](https://www.gnu.org/software/make/) if you do not already have it. The functionality of the project is wrapped in the [makefile](https://github.com/smartcontractkit/quickstarts-giveaway/blob/main/contracts/Makefile). Reference the below commands based on your OS or go to [Make documentation](https://www.gnu.org/software/make/manual/make.html).
 
-{/* prettier-ignore */}
-   <TabsContent sharedStore="osType" client:visible>
-   <Fragment slot="tab.1">macOS</Fragment>
-   <Fragment slot="tab.2">Windows</Fragment>
-   <Fragment slot="panel.1">
+### macOS
+
    1. The Xcode command line tools include `make`. If you've previously installed Xcode, skip to step 2 to verify your installation. Otherwise, open a Terminal window and run:
       ```sh
       xcode-select --install
@@ -166,8 +163,9 @@ Install [GNU make](https://www.gnu.org/software/make/) if you do not already hav
          ```sh
          make: *** No targets specified or no makefile found. Stop.
          ```
-   </Fragment>
-   <Fragment slot="panel.2">
+
+### Windows
+
    1. If you're using WSL, open an Ubuntu terminal and run:
       ```sh
       sudo apt install make
@@ -181,8 +179,6 @@ Install [GNU make](https://www.gnu.org/software/make/) if you do not already hav
       ```sh
       make: *** No targets specified or no makefile found. Stop.
       ```
-   </Fragment>
-   </TabsContent>
 
 Install contract dependencies if changes have been made to contracts:
 

src/content/quickstarts/hardhat-plugin.mdx

@@ -45,20 +45,40 @@ This tutorial shows you how to install and use the Hardhat Chainlink plugin.
 You can install the Hardhat Chainlink plugin using either npm or yarn.
 Choose the package manager that you prefer and run one of the following commands:
 
+{/* prettier-ignore */}
 <Tabs client:visible>
   <Fragment slot="tab.1">npm</Fragment>
   <Fragment slot="tab.2">yarn</Fragment>
-  <Fragment slot="panel.1">```console npm install @chainlink/hardhat-chainlink ```</Fragment>
-  <Fragment slot="panel.2">```console yarn add @chainlink/hardhat-chainlink ```</Fragment>
+  <Fragment slot="panel.1">
+  ```console
+  npm install @chainlink/hardhat-chainlink
+  ```
+  </Fragment>
+  <Fragment slot="panel.2">
+  ```console
+  yarn add @chainlink/hardhat-chainlink
+  ```
+  </Fragment>
 </Tabs>
 
 After installation, add the plugin to your Hardhat config:
 
+{/* prettier-ignore */}
 <Tabs client:visible>
   <Fragment slot="tab.1">JavaScript</Fragment>
   <Fragment slot="tab.2">TypeScript</Fragment>
-  <Fragment slot="panel.1">In `hardhat.config.js`: ```js require("@chainlink/hardhat-chainlink"); ```</Fragment>
-  <Fragment slot="panel.2">In `hardhat.config.ts`: ```ts import "@chainlink/hardhat-chainlink"; ```</Fragment>
+  <Fragment slot="panel.1">
+  In `hardhat.config.js`: 
+  ```js
+  require("@chainlink/hardhat-chainlink");
+  ```
+  </Fragment>
+  <Fragment slot="panel.2">
+  In `hardhat.config.ts`:
+  ```ts
+  import "@chainlink/hardhat-chainlink";
+  ```
+  </Fragment>
 </Tabs>
 
 This plugin also extends the Hardhat configuration and adds `chainlink` parameters group in your config file:

src/content/quickstarts/time-based-upkeep.mdx

@@ -72,10 +72,7 @@ If your smart contract is already verified onchain, [skip to the next step](#reg
 
 Chainlink Automation needs your smart contract's [Application Binary Interface](https://docs.soliditylang.org/en/develop/abi-spec.html) (ABI) in order to automate the public functions in your contract. If your smart contract is not verified onchain, you must either provide your contract's ABI manually, or verify the contract onchain.
 
-<TabsContent client:visible>
-<Fragment slot="tab.1">Verify your contract</Fragment>
-<Fragment slot="tab.2">Add the ABI manually</Fragment>
-<Fragment slot="panel.1">
+### Verify your contract
 
 Verify your contract directly in the blockchain explorer by adding your contract's source code and other required information in the blockchain explorer UI. For example:
 
@@ -86,8 +83,7 @@ After you successfully verify your smart contract, the Chainlink Automation App
 
 <ClickToZoom src="/images/automation/qs-time-based-upkeep/abi-fetched.png" alt="ABI fetched automatically" />
 
-</Fragment>
-<Fragment slot="panel.2">
+### Add the ABI manually
 
 If you do not want to verify the contract on chain, paste the contract's ABI into the corresponding text box in the Chainlink Automation App while you are registering the upkeep.
 
@@ -102,9 +98,6 @@ If you do not want to verify the contract on chain, paste the contract's ABI int
       alt="Chainlink Automation App ABI field"
     />
 
-</Fragment>
-</TabsContent>
-
 </Accordion>
 
 <Accordion title="Register a new Upkeep" number={3}>

src/content/quickstarts/vrf-enabled-lootbox-pack.mdx

@@ -69,29 +69,21 @@ Your _deployer account_ is the main account that you will use to deploy the loot
 
 Clone the repo and install all dependencies.
 
-{/* prettier-ignore */}
-<Tabs client:visible>
-<Fragment slot="tab.1">npm</Fragment>
-<Fragment slot="tab.2">yarn</Fragment>
-<Fragment slot="panel.1">
+If you want to use npm, run:
+
 ```bash
 git clone git@github.com:smartcontractkit/quickstarts-lootbox.git && \
 cd quickstarts-lootbox && \
 npm install
 ```
-</Fragment>
-<Fragment slot="panel.2">
-Alternatively, you can use [yarn](https://yarnpkg.com/) to install dependencies.
+
+Alternatively, you can use [yarn](https://yarnpkg.com/) to install dependencies:
 
 ```bash
 git clone git@github.com:smartcontractkit/quickstarts-lootbox.git && \
 cd quickstarts-lootbox && \
 yarn install
 ```
-
-</Fragment>
-</Tabs>
-
 </Accordion>
 
 <Accordion title="Configure your project" number={2}>

src/content/quickstarts/vrf-mystery-box.mdx

@@ -8,7 +8,6 @@ requires: "Wallet with gas token & ERC-677 LINK"
 ---
 
 import { Accordion, Aside, CodeSample } from "@components"
-import { Tabs } from "@components/Tabs"
 
 ## Overview
 
@@ -55,26 +54,21 @@ Before you start this tutorial, complete the following items:
 
 Clone the repo and install all dependencies.
 
-{/* prettier-ignore */}
-<Tabs client:visible>
-<Fragment slot="tab.1">npm</Fragment>
-<Fragment slot="tab.2">yarn</Fragment>
-<Fragment slot="panel.1">
+If you want to use npm, run:
+
 ```bash
 git clone https://github.com/smartcontractkit/quickstarts-mysterybox.git && \
 cd quickstarts-mysterybox && \
 npm install
 ```
-</Fragment>
-<Fragment slot="panel.2">
+
+Alternatively, you can use [yarn](https://yarnpkg.com/) to install dependencies:
+
 ```bash
 git clone git@github.com:smartcontractkit/quickstarts-mysterybox.git && \
 cd quickstarts-mysterybox && \
 yarn install
 ```
-</Fragment>
-</Tabs>
-
 </Accordion>
 
 <Accordion title="Configure your project" number={2}>