added all but label, img and image to be nestable. A tag code preview is not working as intended

Author: BrianYan7

app/src/helperFunctions/generateCode.ts

@@ -78,6 +78,8 @@ const generateUnformattedCode = (
         if (
           referencedHTML.tag === 'h1' ||
           referencedHTML.tag === 'h2' ||
+          referencedHTML.tag === 'a' ||
+          referencedHTML.tag === 'p' ||
           referencedHTML.tag === 'button' ||
           referencedHTML.tag === 'span' ||
           referencedHTML.tag === 'div' ||
@@ -89,8 +91,7 @@ const generateUnformattedCode = (
           referencedHTML.tag === 'li' ||
           referencedHTML.tag === 'Link' ||
           referencedHTML.tag === 'Switch' ||
-          referencedHTML.tag === 'Route' ||
-          referencedHTML.tag === 'Image'
+          referencedHTML.tag === 'Route'
         ) {
           child.children = getEnrichedChildren(child);
         }
@@ -278,6 +279,7 @@ const generateUnformattedCode = (
     const nestable =
       childElement.tag === 'h1' ||
       childElement.tag === 'h2' ||
+      childElement.tag === 'a' ||
       childElement.tag === 'span' ||
       childElement.tag === 'button' ||
       childElement.tag === 'p' ||

app/src/helperFunctions/renderChildren.tsx

@@ -44,6 +44,7 @@ const renderChildren = (children: ChildElement[]) => {
       type === 'HTML Element' &&
       typeId !== 11 &&
       typeId !== 1000 &&
+      typeId !== 1 &&
       typeId !== 2 &&
       typeId !== 3 &&
       typeId !== 4 &&
@@ -78,6 +79,7 @@ const renderChildren = (children: ChildElement[]) => {
     else if (
       type === 'HTML Element' &&
       (typeId === 11 ||
+        typeId === 1 ||
         typeId === 2 ||
         typeId === 3 ||
         typeId === 4 ||

app/src/redux/HTMLTypes.ts

@@ -37,7 +37,7 @@ const HTMLTypes: HTMLType[] = [
     placeHolderLong: '',
     icon: 'Link',
     framework: 'reactClassic',
-    nestable: false
+    nestable: true
   },
   {
     id: 2,
@@ -103,7 +103,7 @@ const HTMLTypes: HTMLType[] = [
     placeHolderLong: '',
     icon: 'EditOutlined',
     framework: 'reactClassic',
-    nestable: true
+    nestable: false
   },
   {
     id: 5,
@@ -137,7 +137,7 @@ const HTMLTypes: HTMLType[] = [
     placeHolderLong: '',
     icon: 'MoreOutlined',
     framework: 'reactClassic',
-    nestable: false
+    nestable: true
   },
   {
     id: 14,