Add use spacings hooks

[luancurti]

Descrição do PR

Adicionado hook para calcular safe area juntamente com o padding utilizando spacings do fluid theme

Como Validei?

padding-bottom: 58px = 34px de safe area bottom + 24px do padding 'lg'
o padding-top ficou só com 24px que é o 'lg' pois existindo header não tem necessidade de colocar a safe area já que o header (da lib de navegação) já trata isso

Tipo de mudança

• Nova feature (mudança non-breaking que adiciona uma funcionalidade)
• Bug fix (mudança non-breaking que conserta um problema)
• Breaking change (ajuste ou funcionalidade que pode causar uma quebra numa funcionalidade já existente)
• Chore (nenhuma das anteriores, como upgrade de libs)

Checklist 🚨

• Testado usando Yalc
• Meu código segue o code style da Builders
• Meu código foi feito utilizando TDD (testes unitários obrigatórios)

[codecov-commenter]

Codecov Report

Merging #398 (4f5d6fe) into master (05790ae) will increase coverage by 15.10%.
The diff coverage is 100.00%.

❗ Your organization is not using the GitHub App Integration. As a result you may experience degraded service beginning May 15th. Please install the Github App Integration for your organization. Read more.

@@             Coverage Diff             @@
##           master     #398       +/-   ##
===========================================
+ Coverage   83.72%   98.82%   +15.10%     
===========================================
  Files          15       15               
  Lines          86       85        -1     
  Branches       19       17        -2     
===========================================
+ Hits           72       84       +12     
+ Misses         14        1       -13     

Impacted Files	Coverage Δ
src/native/useSpacingsWithSafeArea.ts	100.00% <100.00%> (ø)

[ammichael]

Complementando os prints do teste: