Restyle UI using Bootstrap

[sweep-ai[bot]]

Description

This PR restyles the UI of the chatGPT application using Bootstrap, making it more accessible and responsive. The following changes were made:

• Added Bootstrap as a dependency in the package.json file.
• Imported Bootstrap in the main.jsx file.
• Updated the App.css and index.css files to use Bootstrap classes instead of custom styles.
• Updated the App.jsx and Preferences.jsx files to use Bootstrap components and classes.
• Added appropriate ARIA roles and labels to HTML elements in the App.jsx and Preferences.jsx files.

Summary of Changes

• Added Bootstrap as a dependency in package.json.
• Imported Bootstrap in main.jsx.
• Replaced custom styles with Bootstrap classes in App.css and index.css.
• Updated JSX in App.jsx and Preferences.jsx to use Bootstrap components and classes.
• Added appropriate ARIA roles and labels to HTML elements in App.jsx and Preferences.jsx.

Fixes #1.

---

To checkout this PR branch, run the following command in your terminal:

git checkout sweep/restyle-ui-bootstrap

To get Sweep to edit this pull request, leave a comment below or in the code. Leaving a comment in the code will only modify the file but commenting below can change the entire PR.

[a2hsh]

Use react-bootstrap instead of using the bootstrap library. React-bootstrap gives us bootstrap components in react style.