fix the child component icon's size and changed 'HTML Attributes to the more fitting Component Attributes

Author: keylakoizumin

src/components/left-sidebar/ComponentTab/Icons.vue

@@ -37,7 +37,7 @@ export default {
   data() {
     return {
       //to give the child componenets of the active components icons
-      childIcon: ["fa-solid fa-code"]
+      childIcon: ["fas fa-code fa-lg"]
     };
   },
   name: "Icons",

src/components/left-sidebar/ComponentTab/UpdateMenu.vue

@@ -65,7 +65,7 @@ Description:
           <br />
         </q-expansion-item>
         <InputHTMLMenu v-model="attributeModal" v-if="attributeModal === true && this.activeLayer.lineage.length === 0 " class="htmlElement-selected"/>
-        <q-expansion-item group="accordion" label="HTML Attributes">
+        <q-expansion-item group="accordion" label="Component Attributes">
           <AttributesSubMenu />
         </q-expansion-item>
         <!-- Props item that has AddProps component in it -->

src/components/right-sidebar/tutorial/NewVersionInfo.vue

@@ -24,7 +24,7 @@
 
     <p class="info-sub-heading">Add class, id, and v-model Attributes </p>
     <p class="infoContent">There are multiple ways to add attributes.
-      One method is to click on the HTML Attributes drop down button. Specify the attribute by selecting either id or
+      One method is to click on the Component Attributes drop down button. Specify the attribute by selecting either id or
       class. Click the <img style="vertical-align:middle" alt="save" src="../../../assets/plussign.png"
         class="tut-image"> or enter to apply the attribute. <br>
       Another method is to double click the purple HTML tag.<img style="vertical-align:middle" alt="save"