Best way to structure your store for large number of values

[saimarshadsaim31]

So, a little bit of context: I am very new to Zustand and wanted to try it, so I decided to use it in my project which is a car app. In the project, I have car filtering functionality where I have a lot of filters which are of different types. The structure is as follows:

export interface CarFilters {
  location?: Location[];
  carModel?: CarModel[];
  priceRange?: FilterRange<number>;
  modelYearRange?: FilterRange<number>;
  kilometersDriven?: FilterRange<number>;
  registeredIn?: Location;
  trustedCars?: TrustedCars[];
  transmission?: Transmission;
  bodyColor?: string[];
  fuelType?: FuelType[];
  engineCapacity?: FilterRange<number>;
  assembly?: Assembly;
  bodyType?: BodyType[];
  modelCategory?: ModelCategory[];
  sellerType?: SellerType;
  numberOfDoors?: NumberOfDoors;
  seatingCapacity?: SeatingCapacity;
  adProperties?: AdProperties[];
  searchQuery?: string;
}

so, I was wondering what is the best way to structure your store should I make one filter state and set it when any of the value
in it changes or should I make each filter as individual state and have a setter for that. Also I want two very specific features:

1. One is I want to show in the app what filtered are currently being applied for example if there are values in location array or car model array I want to show them in active filters
2. Second is I want to show the count of these active filters some place else.

What is the best and peformant way to do this and what are the things I need to take care of so that I don't end up rerendering more than required. A detailed explanation would be a great help.