fix(lightspeed): remove resets from PF CSS import (#469)

* fix(lightspeed): remove resets from PF CSS import

fixes https://issues.redhat.com/browse/RHIDP-5575

* fix(lightspeed): fix alignment issues with title and headermenu

Author: logonoff

workspaces/lightspeed/.changeset/tiny-crews-raise.md

@@ -0,0 +1,5 @@
+---
+'@red-hat-developer-hub/backstage-plugin-lightspeed': patch
+---
+
+Remove CSS resets from PatternFly CSS import

workspaces/lightspeed/plugins/lightspeed/src/components/LightSpeedChat.tsx

@@ -56,9 +56,23 @@ import { LightspeedChatBox } from './LightspeedChatBox';
 import { LightspeedChatBoxHeader } from './LightspeedChatBoxHeader';
 
 const useStyles = makeStyles(theme => ({
+  body: {
+    // remove default margin and padding from common elements
+    '& h1, & h2, & h3, & h4, & h5, & h6, & p, & ul, & ol, & li': {
+      margin: 0,
+      padding: 0,
+    },
+  },
   header: {
     padding: `${theme.spacing(3)}px !important`,
   },
+  headerMenu: {
+    // align hamburger icon with title
+    '& .pf-v6-c-button': {
+      display: 'flex',
+      alignItems: 'center',
+    },
+  },
   headerTitle: {
     justifyContent: 'left !important',
   },
@@ -321,12 +335,16 @@ export const LightspeedChat = ({
           onConfirm={handleDeleteConversation}
         />
       )}
-      <Chatbot displayMode={ChatbotDisplayMode.embedded}>
+      <Chatbot
+        displayMode={ChatbotDisplayMode.embedded}
+        className={classes.body}
+      >
         <ChatbotHeader className={classes.header}>
           <ChatbotHeaderMain>
             <ChatbotHeaderMenu
               aria-expanded={isDrawerOpen}
               onMenuToggle={() => setIsDrawerOpen(!isDrawerOpen)}
+              className={classes.headerMenu}
             />
             <ChatbotHeaderTitle className={classes.headerTitle}>
               <Title headingLevel="h1" size="3xl">

workspaces/lightspeed/plugins/lightspeed/src/plugin.ts

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import '@patternfly/react-core/dist/styles/base.css';
+import '@patternfly/react-core/dist/styles/base-no-reset.css';
 import '@patternfly/chatbot/dist/css/main.css';
 
 import {