[nextgen/cardstack] add slot support to components

- migrate existing code to slots
- add interactiveComponent.activeColor to overwrite the default "selected" button style
- improve handling of cached components

commands/message/search/wolfram-alpha.js

@@ -1,8 +1,7 @@
 const { wolframAlpha, wolframSupplemental} = require("#api");
-const { paginator } = require('#client');
 const { PERMISSION_GROUPS } = require('#constants');
 
-const { createEmbed, formatPaginationEmbeds, page } = require('#utils/embed');
+const { createEmbed, page } = require('#utils/embed');
 const { acknowledge } = require('#utils/interactions');
 const { citation, smallIconPill } = require('#utils/markdown');
 const { editOrReply } = require('#utils/message')
@@ -84,7 +83,6 @@ module.exports = {
         interactive: {
           state_buttons: {
             type: InteractiveComponentTypes.BUTTON_GENERATOR,
-            inline: true,
             // Resolve Components
             resolveComponents: (pg)=>{
               if(!pg.getState("supplemental") || pg.getState("supplemental").length === 0) return [];