update responsive styles

Author: Lee-Minhoon

src/containers/posts/PostUtils/PostUtils.tsx

@@ -49,7 +49,7 @@ const PostsUtils = () => {
   }, [resetTestPosts]);
 
   return (
-    <Flex gap={"4"}>
+    <Flex gap={"4"} wrap={"wrap"}>
       <Tooltip hasArrow label={t("Create Post")}>
         <Button leftIcon={<TbPlus />} onClick={handleCreatePost}>
           {t("Post")}

src/containers/users/UserUtils/UserUtils.tsx

@@ -1,5 +1,5 @@
 import { useCreateTestUsers, useCreateUser, useResetTestUsers } from "@/apis";
-import { ApiRoutes } from "@/constants";
+import { ApiRoutes, styles } from "@/constants";
 import { useQueryKeyParams } from "@/hooks";
 import { useModalStore } from "@/stores";
 import { getRandomPhoneNumber, getRandomString, toUrl } from "@/utils";
@@ -44,7 +44,7 @@ const UsersUtils = () => {
   }, [resetTestUsers]);
 
   return (
-    <Flex gap={"4"}>
+    <Flex gap={"4"} wrap={"wrap"}>
       <Tooltip hasArrow label={t("Create User")}>
         <Button leftIcon={<TbPlus />} onClick={handleCreateUser}>
           {t("User")}

src/pages/posts/index.tsx

@@ -37,7 +37,7 @@ const PostsAllPage = () => {
       <ResponsiveLayout>
         <Flex direction={"column"} gap={"4"} h={"100%"}>
           <PostUtils />
-          <Flex justifyContent={"space-between"}>
+          <Flex justifyContent={"space-between"} gap={"4"} wrap={"wrap"}>
             <Search
               onSubmit={(search) =>
                 push({

src/pages/users/index.tsx

@@ -37,7 +37,7 @@ const UsersPage = () => {
       <ResponsiveLayout>
         <Flex direction={"column"} gap={"4"} h={"100%"}>
           <UserUtils />
-          <Flex justifyContent={"space-between"}>
+          <Flex justifyContent={"space-between"} gap={"4"} wrap={"wrap"}>
             <Search
               onSubmit={(search) =>
                 push({