Fetching items based on categories name from CPT-UI struggle

[avivperets26]

Hi all,
I'm building my app in Next.js and WordPress using WPGraphQL,

what I'm trying to achieve is fetching a query based on pagination (which I managed to make work) and based on the categoryTags,
if no categoryTags provided in the condition it will retrieve all the items,
if one categoryTags provided it will retrieve all products with the same category
if 2 or more categoryTags provided only product with those categoryTags will retrieve

I made Advanced Costume Field Product posts and Custom Post Type UI Taxonomies type of CategoryTag.
however, I couldn't find how to implement it well till now (almost a week that I'm trying)

I tried few functions inside my functions.php but none of them helped so I deleted them...
the last one was

function custom_extend_schema() {
    register_graphql_field(
        'RootQuery',
        'productsByCategory',
        array(
            'type' => 'ProductConnection',
            'args' => array(
                'first' => array(
                    'type'        => 'Int',
                    'description' => __( 'Limits the number of elements returned in the query.', 'your-textdomain' ),
                ),
                'after' => array(
                    'type'        => 'String',
                    'description' => __( 'Returns the elements in the list that come after the specified cursor.', 'your-textdomain' ),
                ),
                'categoryNames' => array(
                    'type'        => array( 'list_of' => 'String' ),
                    'description' => __( 'Filter products by category names.', 'your-textdomain' ),
                ),
            ),
            'resolve' => function( $source, $args, $context, $info ) {
                $categoryNames = !empty($args['categoryNames']) ? $args['categoryNames'] : array();
                $products = array();

                // Your logic to query products based on category names goes here
                $allProducts = []; // Assuming you have all products data here

                foreach ($allProducts as $product) {
                    $included = false;
                    foreach ($categoryNames as $categoryName) {
                        foreach ($product['categoryTags']['edges'] as $edge) {
                            if ($edge['node']['name'] === $categoryName) {
                                $included = true;
                                break 2; // Break both inner loops
                            }
                        }
                    }
                    if ($included) {
                        $products[] = $product;
                    }
                }

                return $products;
            },
        )
    );
}
add_action( 'graphql_register_types', 'custom_extend_schema' );

to share with you the structure of my query without filtering by category only by pagination:

//query
query GetProductCards($first: Int, $after: String) {
  products(first: $first, after: $after) {
    edges {
      node {
        id
        slug
        title
        acf {
          productTitle
          previewDescription
          images {
            image1 {
              node {
                mediaItemUrl
              }
            }
          }
        }
        categoryTags {
          nodes {
            slug
            name
          }
        }
      }
    }
    pageInfo {
      hasNextPage
      hasPreviousPage
    }
  }
}

//variables
{
  "first": 3,
  "after": "",
  "categoryTags": ["fashion", "accessories"]
}

and the results :

{
  "data": {
    "products": {
      "edges": [
        {
          "node": {
            "id": "cG9zdDoyMTQ=",
            "slug": "men-shirts",
            "title": "men shirts",
            "acf": {
              "productTitle": "Stylish and comfortable",
              "previewDescription": "Stylish and comfortable",
              "images": {
                "image1": {
                  "node": {
                    "mediaItemUrl": "https://xhf.ywv.mybluehost.me/wp-content/uploads/2024/05/01-2-pieces.jpg"
                  }
                }
              }
            },
            "categoryTags": {
              "nodes": [
                {
                  "slug": "clothes",
                  "name": "clothes"
                },
                {
                  "slug": "fashion",
                  "name": "fashion"
                }
              ]
            }
          }
        },
        {
          "node": {
            "id": "cG9zdDoyMDk=",
            "slug": "racks-plant-stand",
            "title": "racks plant stand",
            "acf": {
              "productTitle": "Transform Your Space",
              "previewDescription": "Transform Your Space",
              "images": {
                "image1": {
                  "node": {
                    "mediaItemUrl": "https://xhf.ywv.mybluehost.me/wp-content/uploads/2024/05/01-5-tier-e1714585059969.png"
                  }
                }
              }
            },
            "categoryTags": {
              "nodes": [
                {
                  "slug": "bedroom",
                  "name": "bedroom"
                },
                {
                  "slug": "decor",
                  "name": "decor"
                },
                {
                  "slug": "dinningroom",
                  "name": "dinningroom"
                },
                {
                  "slug": "livingroom",
                  "name": "livingroom"
                }
              ]
            }
          }
        },
        {
          "node": {
            "id": "cG9zdDoyMDU=",
            "slug": "coffee-and-bar-cabinet",
            "title": "coffee and bar cabinet",
            "acf": {
              "productTitle": "Cheers & Beans: The Coffee and Wine Bar Cabinet",
              "previewDescription": "Cheers & Beans: The Coffee and Wine Bar Cabinet",
              "images": {
                "image1": {
                  "node": {
                    "mediaItemUrl": "https://xhf.ywv.mybluehost.me/wp-content/uploads/2024/04/bar-coffee.jpg"
                  }
                }
              }
            },
            "categoryTags": {
              "nodes": [
                {
                  "slug": "decor",
                  "name": "decor"
                },
                {
                  "slug": "dinningroom",
                  "name": "dinningroom"
                },
                {
                  "slug": "kitchen",
                  "name": "kitchen"
                },
                {
                  "slug": "livingroom",
                  "name": "livingroom"
                }
              ]
            }
          }
        }
      ],
      "pageInfo": {
        "hasNextPage": true,
        "hasPreviousPage": false
      }
    }
  },
  }
}

I found myself lost inside the documentation and i couldn't find an answer till now on how to solve it,
Thanks in advance!