🔧 Redesign dashboard areas

code/frontend/src/routes/PageDashboard.js

@@ -14,6 +14,7 @@ import BoxConditionHashtag from "../components/interactive/BoxConditionHashtag"
 import BoxConditions from "../components/interactive/BoxConditions"
 import BoxConditionDatetime from "../components/interactive/BoxConditionDatetime"
 import BoxConditionMap from "../components/interactive/BoxConditionMap"
+import BoxConditionUser from "../components/interactive/BoxConditionUser"
 
 
 export default function PageDashboard({ children, className, ...props }) {
@@ -25,6 +26,7 @@ export default function PageDashboard({ children, className, ...props }) {
                 </BoxHeader>
                 <BoxConditionMap className={Style.SearchByZone}/>
                 <BoxConditionHashtag className={Style.SearchByHashtags}/>
+                <BoxConditionUser className={Style.SearchByUser}/>
                 <BoxConditionDatetime className={Style.SearchByTimePeriod}/>
                 <BoxConditions className={Style.Conditions}/>
                 <BoxFull className={Style.CreateDialog} header={"Create repository"}>

code/frontend/src/routes/PageDashboard.module.css

@@ -2,13 +2,13 @@
     display: grid;
 
     grid-template-areas:
-        "a a"
-        "b c"
-        "b d"
-        "b e"
-        "b f"
+        "a a a"
+        "b c d"
+        "b e e"
+        "b f f"
+        "b g g"
     ;
-    grid-template-columns: 400px 1fr;
+    grid-template-columns: 400px 1fr 1fr;
     grid-template-rows: auto auto auto 1fr auto;
 
     grid-gap: 10px;
@@ -29,14 +29,18 @@
     grid-area: c;
 }
 
-.SearchByTimePeriod {
+.SearchByUser {
     grid-area: d;
 }
 
-.Conditions {
+.SearchByTimePeriod {
     grid-area: e;
 }
 
-.CreateDialog {
+.Conditions {
     grid-area: f;
 }
+
+.CreateDialog {
+    grid-area: g;
+}