fix(VField): floating label should respect paddings to avoid overflow

[J-Sek]

Description

• check all examples in the docs
• fix for outlined variant (test on text field with icons)

fixes #20734

Markup:

<template>
  <v-app>
    <v-container width="150">
      <v-text-field
        :model-value="123"
        label="test test test test test test test test test test test test test test"
      />
    </v-container>
  </v-app>
</template>

[J-Sek]

Outlined version needs some additional treatment

• avoid cutting short labels
• show the missing part of outline
• (existing issue) keep right borders rounded