docs: fix up some issues with the common package demos

Author: hperrin

site/src/routes/demo/common/_ClassMap.svelte

@@ -1,6 +1,7 @@
 <div>
   <Button
     class={classMap({
+      'my-button': true,
       big: big,
       [color]: true,
     })}
@@ -35,6 +36,10 @@
 </script>
 
 <style>
+  * :global(.my-button) {
+    margin: 0.5em;
+  }
+
   * :global(.red) {
     color: red;
   }

site/src/routes/demo/common/_UseActionsPannable.js

@@ -2,7 +2,7 @@ import TinyGesture from 'tinygesture';
 import { tweened } from 'svelte/motion';
 import { cubicInOut } from 'svelte/easing';
 
-export default function (node) {
+export default function Pannable(node) {
   const gesture = new TinyGesture(node);
   let animationFrame = null;
   const preventDefault = (event) => {

site/src/routes/demo/common/_UseActionsSwipeable.js

@@ -1,6 +1,6 @@
 import TinyGesture from 'tinygesture';
 
-export default function (node) {
+export default function Swipeable(node) {
   const gesture = new TinyGesture(node);
   let timeout;
   const preventDefault = (event) => {

site/src/routes/demo/common/_UseActionsTappable.js

@@ -1,6 +1,6 @@
 import TinyGesture from 'tinygesture';
 
-export default function (node, options) {
+export default function Tappable(node, options) {
   const gesture = new TinyGesture(node);
   let tapTimeout;
   let pressTimeout;

site/src/routes/demo/common/index.svelte

@@ -107,7 +107,7 @@
     component={ForwardEventsBuilder}
     files={[
       'common/_ForwardEventsBuilder.svelte',
-      'common/_ForwardEventsBuilderComponent.js',
+      'common/_ForwardEventsBuilderComponent.svelte',
     ]}
   >
     Forward Events Builder
@@ -144,7 +144,7 @@
     component={UseActions}
     files={[
       'common/_UseActions.svelte',
-      'common/_UseActionsComponent.js',
+      'common/_UseActionsComponent.svelte',
       'common/_UseActionsPannable.js',
       'common/_UseActionsSwipeable.js',
       'common/_UseActionsTappable.js',