Define node filters component to be re-usable

[Mahmoud-Emad]

Description

Define node filter component to be reusable

Example of usage

<template>
  <node-filters v-model="filterInputs" v-model:valid="isValidForm" @update:model-value="InputFiltersReset" />
</template>

<script lang="ts">
import { inputsInitializer } from "@/utils/filter_nodes";
export default {
  setup() {
    const filterInputs = ref<FilterInputs>(inputsInitializer);

    const InputFiltersReset = (nFltrNptsVal: FilterInputs) => {
      filterInputs.value = nFltrNptsVal;
    };
  }
</script>

Related Issues

• Implement node filter in Vue 3, which should be reusable to be used in the explorer, dedicated views #1155

Checklist

• Tests included
• Build pass
• Documentation
• Code format and docstrings
• Screenshots/Video attached (needed for UI changes)