feat(VNavigationDrawer): add rail prop v-model support

[johnleider]

Description

Add support for rail v-model. Allows the user to choose to have main content shift with or without the rail expand-on-hover.

Motivation and Context

resolves #16022

How Has This Been Tested?

e2e

Markup:

<template>
  <div class="ma-4 pa-4">
    <v-navigation-drawer
      id="drawer"
      v-model:rail="miniVariant"
      expand-on-hover
      app
      color="#8dca9d"
    >
      <v-list nav>
        <v-list-item>
          {{ myWidth }}
        </v-list-item>
      </v-list>
    </v-navigation-drawer>

    <v-main>
      <div>
        Mini: {{ miniVariant }}
      </div>
    </v-main>
  </div>
</template>

<script>
  export default {
    data: () => ({
      miniVariant: true,
      myWidth: 0,
      sidebar: null,
      observer: null,
    }),
    mounted () {
      this.sidebar = document.querySelector('#drawer')
      this.observer = new ResizeObserver(this.onResize)
      this.observer.observe(this.sidebar)
    },
    beforeUnmount () {
      if (this.observer) {
        this.observer.unobserve(this.sidebar)
      }
    },
    methods: {
      onResize () {
        if (this.sidebar.offsetWidth <= '56') {
          this.miniVariant = true
        } else {
          this.miniVariant = false
        }
      },
    },
  }
</script>