fix: change example layouts from column to auto

Update form.md and transfer-list.md examples to use layout: "auto"
instead of layout: "column" for more flexible responsive behavior.

Author: andrew-boyd

3.inputs/form.md

@@ -39,7 +39,7 @@ Excluding backend functionality, here is a fully featured form with inputs (`for
 ---
   name: "Register example"
   file: "_examples/register/register.vue"
-  layout: "column"
+  layout: "auto"
 ---
 ::
 

3.inputs/transfer-list.md

@@ -26,7 +26,7 @@ The transfer list input is ideal for situations where the end-user needs to sele
 ::Example
 ---
 name: "Transfer List"
-layout: "column"
+layout: "auto"
 file: [
   "_examples/transfer-list/transfer-list-full-example.vue",
   "_examples/transfer-list/api.js",
@@ -47,7 +47,7 @@ Below is an example of the transfer list input with the minimum required props.
 ::Example
 ---
 name: "Transfer List"
-layout: "column"
+layout: "auto"
 file: "_examples/transfer-list/transfer-list-base.vue"
 ---
 ::
@@ -59,7 +59,7 @@ Let's add some label props to make clear to the end-user how to use the transfer
 ::Example
 ---
 name: "Transfer List"
-layout: "column"
+layout: "auto"
 file: "_examples/transfer-list/transfer-list-labels.vue"
 ---
 ::
@@ -71,7 +71,7 @@ In this state, with no options passed and no values selected, we can display a c
 ::Example
 ---
 name: "Transfer List"
-layout: "column"
+layout: "auto"
 file: "_examples/transfer-list/transfer-list-empty-messages.vue"
 ---
 ::
@@ -90,7 +90,7 @@ Let's go ahead and populate the transfer list's options with a list of guest nam
 ::Example
 ---
 name: "Transfer List"
-layout: "column"
+layout: "auto"
 file: [
   "_examples/transfer-list/transfer-list-options.vue",
   "_examples/transfer-list/guests.js"
@@ -105,7 +105,7 @@ The _value_ of the transfer list input is an array. Selected option values from
 ::Example
 ---
 name: "Transfer List"
-layout: "column"
+layout: "auto"
 file: [
   "_examples/transfer-list/transfer-list-values.vue",
   "_examples/transfer-list/guests.js"
@@ -120,7 +120,7 @@ The transfer list input can be pre-populated with values by setting the `value`
 ::Example
 ---
 name: "Transfer List"
-layout: "column"
+layout: "auto"
 file: [
   "_examples/transfer-list/transfer-list-initial-values.vue",
   "_examples/transfer-list/guests.js"
@@ -135,7 +135,7 @@ The transfer list input can be made searchable by setting the `searchable` prop.
 ::Example
 ---
 name: "Transfer List"
-layout: "column"
+layout: "auto"
 file: [
   "_examples/transfer-list/transfer-list-searchable.vue",
   "_examples/transfer-list/guests.js"
@@ -159,7 +159,7 @@ The transfer list input will filter options with its own internal search functio
 ::Example
 ---
 name: "Taglist"
-layout: "column"
+layout: "auto"
 file: [
   "_examples/transfer-list/transfer-list-filter.vue",
   "_examples/transfer-list/guests.js"
@@ -178,7 +178,7 @@ The transfer list input can be limited to a maximum number of selected values by
 ::Example
 ---
 name: "Transfer List"
-layout: "column"
+layout: "auto"
 file: [
   "_examples/transfer-list/transfer-list-max.vue",
   "_examples/transfer-list/guests.js"
@@ -193,7 +193,7 @@ By default, the transfer list input will add or remove options on click. You can
 ::Example
 ---
 name: "Transfer List"
-layout: "column"
+layout: "auto"
 file: [
   "_examples/transfer-list/transfer-list-transfer-on-select.vue",
   "_examples/transfer-list/guests.js"
@@ -210,7 +210,7 @@ Here we have a transfer list input that loads its options from an asynchronous f
 ::Example
 ---
 name: "Transfer List"
-layout: "column"
+layout: "auto"
 file: [
   "_examples/transfer-list/transfer-list-async-options.vue",
   "_examples/transfer-list/api.js"
@@ -227,7 +227,7 @@ When assigning the options prop to an asynchronous function, the function will b
 ::Example
 ---
 name: "Transfer List"
-layout: "column"
+layout: "auto"
 file: [
   "_examples/transfer-list/transfer-list-async-options-pagination.vue",
   "_examples/transfer-list/api.js"
@@ -242,7 +242,7 @@ The transfer list input can also load options asynchronously when the user searc
 ::Example
 ---
 name: "Transfer List"
-layout: "column"
+layout: "auto"
 file: [
   "_examples/transfer-list/transfer-list-async-options-search.vue",
   "_examples/transfer-list/api.js"
@@ -259,7 +259,7 @@ The transfer list input also provides an `optionLoader` prop that allows you to
 ::Example
 ---
 name: "Transfer List"
-layout: "column"
+layout: "auto"
 file: [
   "_examples/transfer-list/transfer-list-rehydrating-values.vue",
   "_examples/transfer-list/api.js"
@@ -276,7 +276,7 @@ You can also use use the `optionLoader` to fetch additional data on selected val
 ::Example
 ---
 name: "Transfer List"
-layout: "column"
+layout: "auto"
 file: [
   "_examples/transfer-list/transfer-list-additional-data.vue",
   "_examples/transfer-list/api.js"
@@ -295,7 +295,7 @@ Now that we are loading additional data on selected values (the age and email ad
 ::Example
 ---
 name: "Transfer List"
-layout: "column"
+layout: "auto"
 file: [
   "_examples/transfer-list/transfer-list-options-slot.vue",
   "_examples/transfer-list/api.js",
@@ -313,7 +313,7 @@ The transfer list input can be used to create a ranked list, let's do that with
 ::Example
 ---
 name: "Transfer List"
-layout: "column"
+layout: "auto"
 file: [
   "_examples/transfer-list/transfer-list-ranking.vue",
   "_examples/_data/nba-top-players.js",