ui(segmentation): Design Prototype for split panel component (#4378)

platform/ui-next/.webpack/webpack.playground.js

@@ -38,6 +38,7 @@ module.exports = {
   entry: {
     home: './src/_pages/index.tsx',
     playground: './src/_pages/playground.tsx',
+    patterns: './src/_pages/patterns.tsx',
     viewer: './src/_pages/viewer.tsx',
     colors: './src/_pages/colors.tsx',
     // add other pages here
@@ -82,6 +83,11 @@ module.exports = {
       chunks: ['playground'],
       filename: 'playground.html',
     }),
+    new HtmlWebpackPlugin({
+      template: './.webpack/template.html',
+      chunks: ['patterns'],
+      filename: 'patterns.html',
+    }),
     new HtmlWebpackPlugin({
       template: './.webpack/template.html',
       chunks: ['viewer'],