fix(VPagination): visible items for selection in middle

[J-Sek]

Description

Shows one more element when selection is in the middle and we display "..." twice.

resolves #18853

Markup:

<template>
  <v-app>
    <v-container class="d-flex flex-column justify-center ga-3">
      <v-card>
        <VPagination length="100" total-visible="5" />
      </v-card>
      <v-card>
        <pre class="text-center">Repro for #14396 that guided most recent changes to this logic</pre>
        <v-pagination v-model="page" total-visible="3" length="3" />
        <v-pagination v-model="page" total-visible="3" length="4" />
        <v-pagination v-model="page" total-visible="4" length="3" />
        <v-pagination v-model="page" total-visible="4" length="4" />
      </v-card>
    </v-container>
  </v-app>
</template>

<script setup lang="ts">
import { ref } from "vue";
const page = ref(1)
</script>