Feat/major nextjs update (#1008)

* feat(dev): migrate app to Nextjs12 

Co-authored-by: maxmagic-dev <Maksym.Vasylenko@magicpowered.io>
Co-authored-by: Overzunov <overzunov@lohika.com>

Author: 3 people

.babelrc

@@ -3,16 +3,17 @@
 exports[`Accordion Should render component 1`] = `
 <div>
   <div
-    class=""
+    class="root"
   >
     <div
+      class="header"
       data-testid="accordion-header"
       role="button"
       tabindex="0"
     >
       Hello
       <button
-        class=""
+        class="iconButton medium icon"
         type="button"
       >
         <svg>
@@ -23,11 +24,13 @@ exports[`Accordion Should render component 1`] = `
       </button>
     </div>
     <div
-      class=""
+      class="contentContainer"
       data-testid="accordion-container"
       style="height: 0px;"
     >
-      <div>
+      <div
+        class="content"
+      >
         World
       </div>
     </div>

astro_2.0/components/Accordion/tests/__snapshots__/Accordion.spec.tsx.snap

@@ -3,19 +3,26 @@
 exports[`App Footer Should render AppFooter component 1`] = `
 <div>
   <div
-    class=""
+    class="root"
     role="button"
     tabindex="0"
   >
-    <div>
-      <div>
-        <div>
+    <div
+      class="side"
+    >
+      <div
+        class="wrapper"
+      >
+        <div
+          class="social"
+        >
           <a
             href="https://twitter.com/AstroDao"
             rel="noopener noreferrer"
             target="_blank"
           >
             <svg
+              class="icon"
               width="24"
             >
               <use
@@ -29,6 +36,7 @@ exports[`App Footer Should render AppFooter component 1`] = `
             target="_blank"
           >
             <svg
+              class="icon"
               width="24"
             >
               <use
@@ -42,6 +50,7 @@ exports[`App Footer Should render AppFooter component 1`] = `
             target="_blank"
           >
             <svg
+              class="icon"
               width="24"
             >
               <use
@@ -51,72 +60,94 @@ exports[`App Footer Should render AppFooter component 1`] = `
           </a>
         </div>
         <a
+          class="devLink"
           href="https://github.com/near-daos/astro-ui/discussions"
           rel="noreferrer noopener"
           target="_blank"
         >
           components.appFooter.askQuestion
         </a>
-        <div>
+        <div
+          class="version"
+        >
           <a
+            class="devLink"
             href="https://github.com/near-daos/astro-ui/issues"
             rel="noreferrer noopener"
             target="_blank"
           >
             reportAnIssue
           </a>
         </div>
-        <div>
+        <div
+          class="repo"
+        >
           <a
+            class="devLink"
             href="https://github.com/near-daos/astro-ui"
             rel="noreferrer noopener"
             target="_blank"
           >
             components.appFooter.githubRepo
           </a>
           <a
+            class="devLink"
             href="https://testnet.app.astrodao.com/"
             rel="noreferrer noopener"
             target="_blank"
           >
             Testnet env
           </a>
           <a
+            class="devLink"
             href="https://api.app.astrodao.com/docs/#/"
             rel="noreferrer noopener"
             target="_blank"
           >
             Swagger API
           </a>
         </div>
-        <div>
+        <div
+          class="copyright"
+        >
           components.appFooter.opensourceAsIs
           <br />
           components.appFooter.communityDeveloped
         </div>
-        <div>
+        <div
+          class="terms"
+        >
           <a
+            class="devLink"
             href="/terms-conditions"
           >
             termsAndConditions
           </a>
         </div>
-        <div>
+        <div
+          class="release"
+        >
           <a
+            class="devLink"
             href=""
             rel="noreferrer noopener"
             target="_blank"
           >
             releaseNotes
           </a>
         </div>
-        <div>
-          <div>
+        <div
+          class="locale"
+        >
+          <div
+            class="root"
+          >
             <div>
               <div
-                class=""
+                class="selector"
               >
                 <img
+                  class="flag"
                   data-testid="circle-country-flag"
                   height="100"
                   src="https://hatscripts.github.io/circle-flags/flags/us.svg"

astro_2.0/components/AppFooter/tests/__snapshots__/AppFooter.spec.tsx.snap

@@ -3,18 +3,22 @@
 exports[`account popup item Should render component 1`] = `
 <div>
   <div
-    class=""
+    class="root"
     role="button"
     tabindex="0"
   >
-    <div>
+    <div
+      class="icon"
+    >
       <svg>
         <use
           href="/_next/undefined"
         />
       </svg>
     </div>
-    <div>
+    <div
+      class="content"
+    >
       test
     </div>
   </div>

astro_2.0/components/AppHeader/components/AccountButton/components/AccountPopupItem/tests/__snapshots__/AccountPopupItem.spec.tsx.snap

@@ -3,21 +3,26 @@
 exports[`notifications bell Should render component if feature flag is true and account id available 1`] = `
 <div>
   <div
-    class=""
+    class="root"
     href="/notifications"
   >
     <svg
+      class="bell"
       data-testid="notifications-icon"
     >
       <use
         href="/_next/undefined"
       />
     </svg>
-    <div>
+    <div
+      class="notificationsCount"
+    >
       5
     </div>
   </div>
-  <div />
+  <div
+    class="root"
+  />
 </div>
 `;
 

astro_2.0/components/AppHeader/components/NotificationsBell/tests/__snapshots__/NotificationsBell.spec.tsx.snap

@@ -3,12 +3,15 @@
 exports[`search result dao card Should render component 1`] = `
 <div>
   <div
+    class="root"
     role="button"
     tabindex="0"
   >
-    <div>
+    <div
+      class="flagHolder"
+    >
       <div
-        class="undefined"
+        class="root xs defaultBackground"
       >
         <svg
           class="svg"
@@ -38,18 +41,22 @@ exports[`search result dao card Should render component 1`] = `
           </clippath>
         </svg>
         <div
-          class=""
+          class="backgroundXS"
         />
         <canvas
           style="clip-path: path('M46.4118 0L9.74793 13.103V20.3722L0 23.856V52.5981L36.6639 39.4951V32.2259L46.4118 28.7421V0Z'); max-width: 47px; transform: none;"
         />
       </div>
     </div>
     <div>
-      <div>
+      <div
+        class="header"
+      >
         dao id
       </div>
-      <div>
+      <div
+        class="sub"
+      >
         dao id
       </div>
     </div>

astro_2.0/components/AppHeader/components/SearchBar/components/DropdownResults/components/ResultSection/components/SearchResultDaoCard/tests/__snapshots__/SearchResultDaoCard.spec.tsx.snap

@@ -3,18 +3,23 @@
 exports[`search results dropdown Should render component 1`] = `
 <div>
   <div
+    class="root"
     style="width: 100px;"
   >
     <div
-      class=""
+      class="root root"
     >
       <div
-        class=""
+        class="image image"
       />
-      <div>
+      <div
+        class="title"
+      >
         No results for asd
       </div>
-      <div>
+      <div
+        class="desc"
+      >
         We couldn't find anything matching your search. Try again with a different term.
       </div>
     </div>