feat: Display collections by type (#3162)

* feat: Display collections by type

* fix: Correctly show collection items

* fix: Add the collections icon

* fix: Tests

Author: LautaroPetaccio

package-lock.json

@@ -82,6 +82,7 @@
     "@swc/core": "^1.3.105",
     "@swc/jest": "^0.2.31",
     "@testing-library/react": "^12.1.5",
+    "@testing-library/react-hooks": "^8.0.1",
     "@types/blob-to-buffer": "^1.2.0",
     "@types/file-saver": "^2.0.0",
     "@types/interface-datastore": "^1.0.0",

package.json

@@ -180,8 +180,9 @@
 
 .CollectionsPage .collections-main-actions {
   display: flex;
+  justify-content: end;
   gap: 20px;
-  margin-top: 20px;
+  min-height: 74px;
 }
 
 .CollectionsPage .collections-main-actions > :first-child {
@@ -201,3 +202,16 @@
   justify-self: end;
   flex: none;
 }
+
+.CollectionsPage .collections-icon {
+  width: 32px;
+  height: 32px;
+  margin-bottom: 20px;
+}
+
+.CollectionsPage .action-tabs-container {
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  gap: 8px;
+}