Add functionality for updating sections dynamically

[vitPinchuk]

Resolves: #523

[codecov]

Codecov Report

Attention: Patch coverage is 98.27586% with 2 lines in your changes missing coverage. Please review.

Project coverage is 99.18%. Comparing base (9c1ff1b) to head (5c4d12a).

Files with missing lines	Patch %	Lines
src/migration.ts	91.66%	2 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main     #542      +/-   ##
==========================================
- Coverage   99.19%   99.18%   -0.02%     
==========================================
  Files         115      115              
  Lines        1986     2076      +90     
  Branches      519      511       -8     
==========================================
+ Hits         1970     2059      +89     
- Misses         14       15       +1     
  Partials        2        2              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[asimonok]

Please don't use state values as hook dependency which is used in custom code. It might cause infinity loops.
Options and sections should be removed from dependency list.
Use ref value or setState callback instead.

[asimonok]

do we need to check options here?

[asimonok]

I would change sections helpers to simplify working with them for end users.

1. Add Section and already assign elements for it

const elements = []; // create and save elements;

.addSection({ name: '1', elements: [element1.id] });
.addSection({ name: '2', elements: [element2.id] });

2. Get Section By Name - returns section object with elements
3. Remove From section

removeFromSection(section.id, [element1.id]);

4. Remove section
5. Add to section

addToSection(section.id, [element1.id])

In addition, I would create an object with all helpers for sections like sectionsHelper: { add, get, getAll, update, assign, unassign, remove }