adjusted edits merged with dev plus added css update

Author: lauraafor

app/src/components/left/RoomsContainer.tsx

@@ -57,6 +57,7 @@ import {
   DeleteContextPayload,
   addComponentToContext
 } from '../../../src/redux/reducers/slice/contextReducer';
+import Canvas from '../../components/main/Canvas';
 
 // // for websockets
 // // Part  - join room and room code functionality
@@ -183,7 +184,7 @@ const RoomsContainer = () => {
         // console.log('CSS data received from server', cssData);
         store.dispatch(updateStylesheet(cssData));
       });
-      
+
       socket.on(
         'item position data from server',
         (itemPositionData: object) => {

app/src/containers/CustomizationPanel.tsx

@@ -585,16 +585,7 @@ const CustomizationPanel = ({ isThemeLight }): JSX.Element => {
                 ? ' component'
                 : ' element'}{' '}
               <br />
-              <br />
-              <span
-                className={
-                  isThemeLight
-                    ? `${classes.compName} ${classes.lightThemeFontColor}`
-                    : `${classes.compName} ${classes.darkThemeFontColor}`
-                }
-              >
                 {configTarget.child.name}
-              </span>
             </h4>
           </div>
           <section className={'customization-section'}>
@@ -891,7 +882,7 @@ const CustomizationPanel = ({ isThemeLight }): JSX.Element => {
                   SAVE
                 </Button>
               </div>
-              <div className={classes.buttonRow}>
+              {/* <div className={classes.buttonRow}>
                 <Button
                   variant="contained"
                   color="primary"
@@ -926,7 +917,7 @@ const CustomizationPanel = ({ isThemeLight }): JSX.Element => {
                 >
                   Tailwind
                 </Button>
-              </div>
+              </div> */}
               {configTarget.child ? (
                 <div className={classes.buttonRow}>
                   <Button